{
  "id": 244248,
  "title": "Streamlit bird app",
  "url": "/competitions/birdclef-2021/discussion/244248",
  "author_name": "",
  "post_date": "2021-06-05T17:54:22.176205600Z",
  "votes": 11,
  "comment_count": 10,
  "views": 0,
  "content": "<p>Inspired by the <a href=\"https://www.kaggle.com/c/birdclef-2021/discussion/243390#1337160\" target=\"_blank\">post</a> of <a href=\"https://www.kaggle.com/gaborfodor\" target=\"_blank\">@gaborfodor</a>, I have updated my <strong><a href=\"https://streamlit.io/\" target=\"_blank\">streamlit</a></strong> existing app and added his <strong>PANN predictive model</strong> and some plots from his H2o wave app. </p>\n<p>You can find the app live <a href=\"https://share.streamlit.io/yassinealouini/rfcx-species-audio-detection-streamlit/app.py\" target=\"_blank\">here</a> and here is a screenshot: </p>\n<p><img src=\"https://drive.google.com/uc?id=10zmXphCRoYbtmRxouBgalo3BxnesOiXQ\" alt=\"app screenshot\"></p>\n<p>Let me know what you think and which features you would like to see.</p>\n<p>Some links:</p>\n<ul>\n<li>The original app source code <a href=\"https://github.com/gaborfodor/wave-bird-recognition\" target=\"_blank\">repo</a></li>\n<li>The streamlit app source code <a href=\"https://github.com/yassineAlouini/rfcx-species-audio-detection-streamlit\" target=\"_blank\">repo</a></li>\n</ul>",
  "messages": [
    {
      "id": "1337580",
      "postDate": "06/05/2021 17:54:22",
      "content": "<p>Inspired by the <a href=\"https://www.kaggle.com/c/birdclef-2021/discussion/243390#1337160\" target=\"_blank\">post</a> of <a href=\"https://www.kaggle.com/gaborfodor\" target=\"_blank\">@gaborfodor</a>, I have updated my <strong><a href=\"https://streamlit.io/\" target=\"_blank\">streamlit</a></strong> existing app and added his <strong>PANN predictive model</strong> and some plots from his H2o wave app. </p>\n<p>You can find the app live <a href=\"https://share.streamlit.io/yassinealouini/rfcx-species-audio-detection-streamlit/app.py\" target=\"_blank\">here</a> and here is a screenshot: </p>\n<p><img src=\"https://drive.google.com/uc?id=10zmXphCRoYbtmRxouBgalo3BxnesOiXQ\" alt=\"app screenshot\"></p>\n<p>Let me know what you think and which features you would like to see.</p>\n<p>Some links:</p>\n<ul>\n<li>The original app source code <a href=\"https://github.com/gaborfodor/wave-bird-recognition\" target=\"_blank\">repo</a></li>\n<li>The streamlit app source code <a href=\"https://github.com/yassineAlouini/rfcx-species-audio-detection-streamlit\" target=\"_blank\">repo</a></li>\n</ul>",
      "rawMarkdown": "Inspired by the [post](https://www.kaggle.com/c/birdclef-2021/discussion/243390#1337160) of @gaborfodor, I have updated my **[streamlit](https://streamlit.io/)** existing app and added his **PANN predictive model** and some plots from his H2o wave app. \n\nYou can find the app live [here](https://share.streamlit.io/yassinealouini/rfcx-species-audio-detection-streamlit/app.py) and here is a screenshot: \n\n![app screenshot](https://drive.google.com/uc?id=10zmXphCRoYbtmRxouBgalo3BxnesOiXQ)\n\n\n\nLet me know what you think and which features you would like to see.\n\n\nSome links:\n\n- The original app source code [repo](https://github.com/gaborfodor/wave-bird-recognition)\n- The streamlit app source code [repo](https://github.com/yassineAlouini/rfcx-species-audio-detection-streamlit)",
      "votes": null
    },
    {
      "id": "1337651",
      "postDate": "06/05/2021 18:55:12",
      "content": "<p>It looks great! <br>\nI tried it out with a sample 60-sec clip from Rainforest audio competition, but the app crashed by the way I hear the output audio (FYI the predictions has been returned):</p>\n<pre><code>Oh no.\n\nError running app. If this keeps happening, please contact support.\n</code></pre>",
      "rawMarkdown": "It looks great! \nI tried it out with a sample 60-sec clip from Rainforest audio competition, but the app crashed by the way I hear the output audio (FYI the predictions has been returned):\n```\nOh no.\n\nError running app. If this keeps happening, please contact support.\n```",
      "votes": null
    },
    {
      "id": "1337674",
      "postDate": "06/05/2021 19:16:01",
      "content": "<p>Thanks for giving it a try. Can you share your file please so that I can try to debug it. 👌 </p>",
      "rawMarkdown": "Thanks for giving it a try. Can you share your file please so that I can try to debug it. 👌",
      "votes": null
    },
    {
      "id": "1337678",
      "postDate": "06/05/2021 19:18:38",
      "content": "<p><a href=\"https://www.kaggle.com/yassinealouini\" target=\"_blank\">@yassinealouini</a> <br>\nI picked a .flac file from here:  <br>\n<a href=\"https://www.kaggle.com/alexlwh/rfcx-small-train-data?select=train_small\" target=\"_blank\">https://www.kaggle.com/alexlwh/rfcx-small-train-data?select=train_small</a></p>",
      "rawMarkdown": "yassinealouini \nI picked a .flac file from here:  \nhttps://www.kaggle.com/alexlwh/rfcx-small-train-data?select=train_small",
      "votes": null
    },
    {
      "id": "1337679",
      "postDate": "06/05/2021 19:19:38",
      "content": "<p>I will give it a try. It might be the file format. I will post my findings. 👌 </p>",
      "rawMarkdown": "I will give it a try. It might be the file format. I will post my findings. 👌",
      "votes": null
    },
    {
      "id": "1337690",
      "postDate": "06/05/2021 19:33:06",
      "content": "<p>Alright, I had to reboot the app since it went down. </p>\n<p>Then, I tried one <code>.flac</code> file and it worked. </p>\n<p><img src=\"https://drive.google.com/uc?id=1Gz9KBEu05-XyQyuRYlvyRGzEWal-JKbi\" alt=\"flac file\"></p>\n<p>Could you retry <a href=\"https://www.kaggle.com/alexlwh\" target=\"_blank\">@alexlwh</a> please? By the way, can you share your browser version and type? Thanks for helping me investigate. :)</p>",
      "rawMarkdown": "Alright, I had to reboot the app since it went down. \n\nThen, I tried one `.flac` file and it worked. \n\n\n![flac file](https://drive.google.com/uc?id=1Gz9KBEu05-XyQyuRYlvyRGzEWal-JKbi)\n\nCould you retry @alexlwh please? By the way, can you share your browser version and type? Thanks for helping me investigate. :)",
      "votes": null
    },
    {
      "id": "1337699",
      "postDate": "06/05/2021 19:50:07",
      "content": "<p>One other hypothesis I have is that due to how the application is deployed, it could be rebooting each time too much traffic is reached. 😄</p>",
      "rawMarkdown": "One other hypothesis I have is that due to how the application is deployed, it could be rebooting each time too much traffic is reached. 😄",
      "votes": null
    },
    {
      "id": "1337702",
      "postDate": "06/05/2021 19:53:10",
      "content": "<p>So one solution is to get the app's source code and deploy it on your own. It is very easy using the streamlit deploy documentation <a href=\"https://docs.streamlit.io/en/stable/deploy_streamlit_app.html\" target=\"_blank\">page</a>. </p>",
      "rawMarkdown": "So one solution is to get the app's source code and deploy it on your own. It is very easy using the streamlit deploy documentation [page](https://docs.streamlit.io/en/stable/deploy_streamlit_app.html).",
      "votes": null
    },
    {
      "id": "1337981",
      "postDate": "06/06/2021 04:54:23",
      "content": "<p>Perfect! it works for me now<br>\nIt looks pretty nice 👍</p>",
      "rawMarkdown": "Perfect! it works for me now\nIt looks pretty nice 👍",
      "votes": null
    },
    {
      "id": "1337982",
      "postDate": "06/06/2021 04:54:52",
      "content": "<p>What did u use for deployment btw?</p>",
      "rawMarkdown": "What did u use for deployment btw?",
      "votes": null
    },
    {
      "id": "1338044",
      "postDate": "06/06/2021 06:00:42",
      "content": "<p>I am using the streamlit's own infra but you can do it with many different providers. As said above, the <br>\ndeploy <a href=\"https://docs.streamlit.io/en/stable/deploy_streamlit_app.html\" target=\"_blank\">page</a> is very helpful. </p>\n<p>Basically, you need:</p>\n<ul>\n<li>sign up to streamlit (using Github is the easisest way)</li>\n<li>create a Github repo (should be public to have access to the free tier)</li>\n<li>deploy, you have 3 free apps</li>\n</ul>\n<p>If you have trouble doing it, let me know. </p>",
      "rawMarkdown": "I am using the streamlit's own infra but you can do it with many different providers. As said above, the \ndeploy [page](https://docs.streamlit.io/en/stable/deploy_streamlit_app.html) is very helpful. \n\nBasically, you need:\n\n- sign up to streamlit (using Github is the easisest way)\n- create a Github repo (should be public to have access to the free tier)\n- deploy, you have 3 free apps\n\nIf you have trouble doing it, let me know.",
      "votes": null
    }
  ],
  "comments": [
    {
      "id": 1337651,
      "author_name": "alexlwh",
      "author_url": "",
      "post_date": "06/05/2021 18:55:12",
      "content": "<p>It looks great! <br>\nI tried it out with a sample 60-sec clip from Rainforest audio competition, but the app crashed by the way I hear the output audio (FYI the predictions has been returned):</p>\n<pre><code>Oh no.\n\nError running app. If this keeps happening, please contact support.\n</code></pre>",
      "votes": null,
      "replies": [
        {
          "id": 1337674,
          "author_name": "yassinealouini",
          "author_url": "",
          "post_date": "06/05/2021 19:16:01",
          "content": "<p>Thanks for giving it a try. Can you share your file please so that I can try to debug it. 👌 </p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1337678,
          "author_name": "alexlwh",
          "author_url": "",
          "post_date": "06/05/2021 19:18:38",
          "content": "<p><a href=\"https://www.kaggle.com/yassinealouini\" target=\"_blank\">@yassinealouini</a> <br>\nI picked a .flac file from here:  <br>\n<a href=\"https://www.kaggle.com/alexlwh/rfcx-small-train-data?select=train_small\" target=\"_blank\">https://www.kaggle.com/alexlwh/rfcx-small-train-data?select=train_small</a></p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1337679,
          "author_name": "yassinealouini",
          "author_url": "",
          "post_date": "06/05/2021 19:19:38",
          "content": "<p>I will give it a try. It might be the file format. I will post my findings. 👌 </p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1337690,
          "author_name": "yassinealouini",
          "author_url": "",
          "post_date": "06/05/2021 19:33:06",
          "content": "<p>Alright, I had to reboot the app since it went down. </p>\n<p>Then, I tried one <code>.flac</code> file and it worked. </p>\n<p><img src=\"https://drive.google.com/uc?id=1Gz9KBEu05-XyQyuRYlvyRGzEWal-JKbi\" alt=\"flac file\"></p>\n<p>Could you retry <a href=\"https://www.kaggle.com/alexlwh\" target=\"_blank\">@alexlwh</a> please? By the way, can you share your browser version and type? Thanks for helping me investigate. :)</p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1337699,
          "author_name": "yassinealouini",
          "author_url": "",
          "post_date": "06/05/2021 19:50:07",
          "content": "<p>One other hypothesis I have is that due to how the application is deployed, it could be rebooting each time too much traffic is reached. 😄</p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1337702,
          "author_name": "yassinealouini",
          "author_url": "",
          "post_date": "06/05/2021 19:53:10",
          "content": "<p>So one solution is to get the app's source code and deploy it on your own. It is very easy using the streamlit deploy documentation <a href=\"https://docs.streamlit.io/en/stable/deploy_streamlit_app.html\" target=\"_blank\">page</a>. </p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1337981,
          "author_name": "alexlwh",
          "author_url": "",
          "post_date": "06/06/2021 04:54:23",
          "content": "<p>Perfect! it works for me now<br>\nIt looks pretty nice 👍</p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1337982,
          "author_name": "alexlwh",
          "author_url": "",
          "post_date": "06/06/2021 04:54:52",
          "content": "<p>What did u use for deployment btw?</p>",
          "votes": null,
          "replies": []
        },
        {
          "id": 1338044,
          "author_name": "yassinealouini",
          "author_url": "",
          "post_date": "06/06/2021 06:00:42",
          "content": "<p>I am using the streamlit's own infra but you can do it with many different providers. As said above, the <br>\ndeploy <a href=\"https://docs.streamlit.io/en/stable/deploy_streamlit_app.html\" target=\"_blank\">page</a> is very helpful. </p>\n<p>Basically, you need:</p>\n<ul>\n<li>sign up to streamlit (using Github is the easisest way)</li>\n<li>create a Github repo (should be public to have access to the free tier)</li>\n<li>deploy, you have 3 free apps</li>\n</ul>\n<p>If you have trouble doing it, let me know. </p>",
          "votes": null,
          "replies": []
        }
      ]
    }
  ],
  "raw_markdown_by_id": {
    "1337580": "Inspired by the [post](https://www.kaggle.com/c/birdclef-2021/discussion/243390#1337160) of @gaborfodor, I have updated my **[streamlit](https://streamlit.io/)** existing app and added his **PANN predictive model** and some plots from his H2o wave app. \n\nYou can find the app live [here](https://share.streamlit.io/yassinealouini/rfcx-species-audio-detection-streamlit/app.py) and here is a screenshot: \n\n![app screenshot](https://drive.google.com/uc?id=10zmXphCRoYbtmRxouBgalo3BxnesOiXQ)\n\n\n\nLet me know what you think and which features you would like to see.\n\n\nSome links:\n\n- The original app source code [repo](https://github.com/gaborfodor/wave-bird-recognition)\n- The streamlit app source code [repo](https://github.com/yassineAlouini/rfcx-species-audio-detection-streamlit)",
    "1337651": "It looks great! \nI tried it out with a sample 60-sec clip from Rainforest audio competition, but the app crashed by the way I hear the output audio (FYI the predictions has been returned):\n```\nOh no.\n\nError running app. If this keeps happening, please contact support.\n```",
    "1337674": "Thanks for giving it a try. Can you share your file please so that I can try to debug it. 👌",
    "1337678": "yassinealouini \nI picked a .flac file from here:  \nhttps://www.kaggle.com/alexlwh/rfcx-small-train-data?select=train_small",
    "1337679": "I will give it a try. It might be the file format. I will post my findings. 👌",
    "1337690": "Alright, I had to reboot the app since it went down. \n\nThen, I tried one `.flac` file and it worked. \n\n\n![flac file](https://drive.google.com/uc?id=1Gz9KBEu05-XyQyuRYlvyRGzEWal-JKbi)\n\nCould you retry @alexlwh please? By the way, can you share your browser version and type? Thanks for helping me investigate. :)",
    "1337699": "One other hypothesis I have is that due to how the application is deployed, it could be rebooting each time too much traffic is reached. 😄",
    "1337702": "So one solution is to get the app's source code and deploy it on your own. It is very easy using the streamlit deploy documentation [page](https://docs.streamlit.io/en/stable/deploy_streamlit_app.html).",
    "1337981": "Perfect! it works for me now\nIt looks pretty nice 👍",
    "1337982": "What did u use for deployment btw?",
    "1338044": "I am using the streamlit's own infra but you can do it with many different providers. As said above, the \ndeploy [page](https://docs.streamlit.io/en/stable/deploy_streamlit_app.html) is very helpful. \n\nBasically, you need:\n\n- sign up to streamlit (using Github is the easisest way)\n- create a Github repo (should be public to have access to the free tier)\n- deploy, you have 3 free apps\n\nIf you have trouble doing it, let me know."
  },
  "source": "meta"
}