speech synthesis - Forced to browser-sniff Safari version -


can tell me "best" way detect safari , version number?

look, don't want can't find way pin down working version of speechsynthesis on safari

see below example works on ios 7.1.2 if don't add onend listener. apart peachy.

in real world full blown example talks still won't deliver @ end event.

on ios 8 there no issue.

please offer best-of-breed agent/version sniffer or better working-feature-detector.

<!doctype html> <html> <head> <script type="text/javascript"> function fini() {     alert("end"); } function talk() {     if (!('speechsynthesis' in window)) {         alert("unsupported browser");         return;     }      alert("getting ready.");     var utterance = "hello world";     var chat = new speechsynthesisutterance(utterance);      chat.addeventlistener('end', fini, false);      speechsynthesis.speak(chat);  } </script> </head> <body>  <p>on safari example won't fire known events<br /> onend, onerror, onended: -</p>  <input type="button" value="talk" onclick="talk()" /> <br /><br /> no probs on chrome or opera. spewin! </body> </html>

for record, addeventlistener throwing exception on 7.2.1 trapped signify unsupported speech synthesis.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more