2f:T847,function audio_player_and_buttons(rec, next_rec) { let player_id = `player_${rec.id}`; let next_player_id; if (next_rec == null) { next_player_id = 'player_null'; } else { next_player_id = `player_${next_rec.id}`; } function player_toggle_play() { // Pause all audio let audio_elems = document.getElementsByClassName('birdaudio'); for (var item of audio_elems) { if (item.id != player_id) { if (!item.paused) { item.pause(); console.log("paused"); let button_elem = document.getElementsByClassName( `${item.id}_play_button` )[0]; button_elem.innerText = "Paused"; } } } let button_elem = document.getElementsByClassName( `${player_id}_play_button` )[0]; let audio_elem = document.getElementById(`${player_id}`); if (audio_elem.paused) { audio_elem.play(); button_elem.innerText = "Pause"; button_elem.setAttribute('play_status', 'playing'); } else { audio_elem.pause(); button_elem.innerText = "Paused"; button_elem.setAttribute('play_status', 'paused'); } } function player_on_end() { let ending_button_elem = document.getElementsByClassName( `${player_id}_play_button` )[0]; ending_button_elem.innerText = "Played"; ending_button_elem.setAttribute('play_status', 'played'); let next_player_audio_elem = document.getElementById(`${next_player_id}`); next_player_audio_elem.play(); let next_play_button = document.getElementsByClassName( `${next_player_id}_play_button` )[0]; next_play_button.setAttribute('play_status', 'playing'); next_play_button.innerText = "Playing"; } let player_html = html`

`; return player_html; }30:[] 2d:{"title":"xeno-canto utils","cells":[{"id":0,"value":"md`# xeno-canto utils`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"cors_anywhere = 'https://red-wave-c29f.robinlinacre.workers.dev/corsproxy/?apiurl='","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"function generate_get_request_url(query='', type='', quality='', country='') {\n // A query looks like this:\n // https://cors-anywhere.herokuapp.com/https://www.xeno-canto.org/api/2/recordings?query=troglodytes%20troglodytes\"\n \n //?query=troglodytes%20troglodytes%20type%3A%22male%22%20cnt%3A%22Italy%22\n \n\n let base_url = cors_anywhere+xeno_endpoint + \"query=\"\n \n let elems = []\n elems.push(query)\n \n if (type != '') {\n elems.push(`type:\"${type}\"`)\n }\n \n if (quality != '') {\n elems.push(`q:\"${quality}\"`)\n }\n \n if (country != '') {\n elems.push(`cnt:\"${toTitleCase(country)}\"`)\n }\n \n let query_string = elems.join(\" \")\n query_string = encodeURIComponent(query_string)\n\n return base_url + query_string\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"xeno_endpoint = \"https://xeno-canto.org/api/2/recordings?\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":687,"value":"get_results_async = function (url) {\n return fetch(url)\n .then((d) => d.json())\n .catch((d) => {\n return {\n recordings: [],\n status: \"query_failed\",\n message: \"Query failed\"\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"async function* xeno_canto_query(query='', type='', quality='', country='', min_return_recordings = 3) {\n \n yield {recordings: [],\n status: \"query_incomplete\",\n message: \"Please wait, querying recordings...\" }\n \n if (query == '' ) {\n yield {\n recordings: [],\n status: \"no_query\",\n message: \"No search terms entered\" }\n } else {\n let url = generate_get_request_url(query, type,quality,country)\n let url_backup = generate_get_request_url(query, '','','')\n \n let results = await get_results_async(url)\n results['status'] = 'query_successful'\n results['message'] = 'Query Successful'\n \n if (results.recordings.length < min_return_recordings) {\n console.log(`Fewer than ${min_return_recordings} found, using backup query`)\n results = await get_results_async(url_backup)\n results['status'] = 'backup_query_successful'\n results['message'] = 'Query Successful, but only using backup URL'\n } \n \n yield results \n\n }\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"function recording_to_mp3_url(recording) {\n let file = recording[\"file\"];\n file = file.split(\"/\");\n\n file = file.filter((x) => x != \"\");\n file = file.filter((x) => x != \"http:\");\n file = file.filter((x) => x != \"https:\");\n\n return \"https://\" + file.join(\"/\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"player = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"function toTitleCase(str) {\n return str.replace(\n /\\w\\S*/g,\n function(txt) {\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\n }\n );\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"function get_random_recording_from_results(results) {\n\n \n let num_results = results.recordings.length\n \n if (num_results == 0) {\n return\n }\n \n let result_num = getRandomInt(0, num_results)\n \n return results.recordings[result_num]\n \n}\n \n","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"function getRandomInt(min, max) {\n min = Math.ceil(min);\n max = Math.floor(max);\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":549,"value":"function get_n_from_array_at_random(arr, n, truncate = true) {\n var result = new Array(n),\n len = arr.length,\n taken = new Array(len);\n if (n > len){\n if (truncate) {\n n = len\n } else {\n throw new RangeError(\"getRandom: more elements taken than available\");\n }\n }\n while (n--) {\n var x = Math.floor(Math.random() * len);\n result[n] = arr[x in taken ? taken[x] : x];\n taken[x] = --len in taken ? taken[len] : len;\n }\n \n return result\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"md`## Presentational functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"results = xeno_canto_query(\n \"troglodytes troglodytes\",\n \"song\",\n \"A\",\n \"United Kingdom\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":263,"value":"md`## Demos of functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"htl = require(\"htl@0.2\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":314,"value":"html = htl.html","pinned":false,"hidden":false,"mode":"ojs"},{"id":338,"value":"rec = get_n_from_array_at_random(results.recordings, 3)","pinned":true,"hidden":false,"mode":"ojs"},{"id":336,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":402,"value":"function table_of_audio(recordings, max_recordings = 20, random_order = true) {\n \n if (recordings.length == 0) {\n return html`Please wait, fetching audio recordings...`\n }\n \n let num_recordings = recordings.length;\n let num_rows = Math.min(max_recordings, num_recordings);\n\n let rows;\n if (random_order) {\n rows = get_n_from_array_at_random(recordings, num_rows);\n } else {\n rows = recordings.slice(0, num_rows);\n }\n\n let audio_table = html`\n\n\n\n\n\n\n\n${rows.map((rec, rec_index) => {\n let next_recording = rows.slice(rec_index + 1, rec_index + 2);\n\n if (next_recording.length == 0) {\n next_recording = null;\n } else {\n next_recording = next_recording[0];\n }\n\n return html`\n\n

Species	Type	Length	Audio
${rec.en} (${rec.gen} ${rec.sp})\n\n	${rec.type}\n	${rec.length}\n	${audio_player_and_buttons(rec, next_recording)}`;\n})}\n\n

\n `;\n\n return audio_table;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":405,"value":"table_of_audio(results.recordings)","pinned":false,"hidden":false,"mode":"ojs"},{"id":597,"value":"md`## Notes urls etc\n\n[Docs for inaturalist api](https://api.inaturalist.org/v1/docs/#!/Observations/get_observations)\n\n[Docs for xeno-canto api](https://www.xeno-canto.org/article/153)\n\n[Docs for quering xeno-canto](https://www.xeno-canto.org/help/search)\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}