Objective C Class with WKWebView for [login to view URL]
Input: search string, quality choice
Output: Webviewer instance, containing "embedded" birdsong results.
The code should accept a string and pass it to Xeno-Canto ([login to view URL]) with the quality criteria. The results html is to search for the matching bird IDs. These IDs can be used to request JS birdsong miniplayers which include a small visualisation. These are to be displayed in an insance of the WKWebView class.
A small visualisation including string entry field and result display is to be added to show functionality.
Here are some details of the way the routine is to function:
this is the search query for "Tinamous tao”:
[login to view URL]
q%3AA means: quality = “A”
q%3E%3AC means: quality >= "C”
You get something like this returned (just the 2 first entries):
<div class="jp-player jp-player-239094" id="p_xc_audio_239094_55" style="width: 0px; height: 0px;"><img id="jp_poster_0" style="width: 0px; height: 0px; display: none;"><audio id="jp_audio_0" preload="none" src="[login to view URL]"></audio></div>
<div class="jp-player jp-player-239092" id="p_xc_audio_239092_56" style="width: 0px; height: 0px;"><img id="jp_poster_1" style="width: 0px; height: 0px; display: none;"><audio id="jp_audio_1" preload="none" src="[login to view URL]"></audio></div>
Then extract the first one to six digit number following
jp-player-
(i.e. 239094 and 239092 in the example above) and put that number into into code like this to embed the sonogram and player:
<iframe src='[login to view URL]' scrolling='no' frameborder='0' width='340' height='220'></iframe>
This looks like [login to view URL]
In this URL the width value will have to replaced with the width of the view object in the case of an iPhone, or a fraction (⅓ or ¼) of the width in the case of an iPad. The Players are to be arranged in a tile fashion on the iPad and in a table fashion on the iPhone.
The attached file [login to view URL] contains a couple of search strings for testing purposes.
Hello Sir,
We are a Indian development company here.
we have checked your posted details here and want more clarification in it, so message us to discuss on it more then we will able to move on it.
Thanks