&lt;!doctype html&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;title&gt;HTML5 Web Audio API Usage - RJM Programming - June, 2019 - Thanks to https://www.html5rocks.com/en/tutorials/webaudio/intro/&lt;/title&gt;<br>&lt;style&gt;<br>  button { background-color: yellow; }<br>  input { background-color: pink; }<br>.parent {<br>  width: 490px;<br>  height: 50px;<br>  border: 1px solid #aaa;<br>  overflow: hidden;<br>}<br>.child {<br>  width:420px;<br>  height: 28px;<br>  margin-right: -50px; /* maximum width of scrollbar */<br>  padding-right: 50px; /* maximum width of scrollbar */<br>  overflow-y: scroll;<br>}<br>&lt;/style&gt;<br>&lt;script type='text/javascript'&gt;<br>  var zgoon=true;<br><br>if ((location.search.split('vscaseyrule=')[1] ? (' ' + decodeURIComponent(location.search.split('vscaseyrule=')[1]).split('&')[0]) : '') != '') {<br>  try {<br>    if (parent.document.title != top.document.title) {<br>      zgoon=false;<br>    }<br>  } catch (werrr) {<br>  }<br>  if (zgoon) {<br>  window.onload = setTimeout(init, 13000);<br>  }<br>} else if ((location.search.split('vsmudcube=')[1] ? (' ' + decodeURIComponent(location.search.split('vsmudcube=')[1]).split('&')[0]) : '') != '') {<br>  try {<br>    if (parent.document.title != top.document.title) {<br>      zgoon=false;<br>    }<br>  } catch (verrr) {<br>  }<br>  if (zgoon) {<br>  window.onload = setTimeout(init, 13000);<br>  }<br>} else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>window.onload = setTimeout(init, 3000);<br>} else {<br>window.onload = init;<br>}<br>var isokaytoplay=true;<br>var donei=false;<br>var prevdg=0, oxd='';<br>var dvih='&lt;video onclick="this.play();" id=ivideo src="../PHP/macbetha1s1.m4v" controls&gt;&lt;/video&gt;';<br>var valtsofar=";0;1;2;3;";<br>var nostop=false;<br>var context;<br>var one=1, five=5, four=4;<br>var bufferLoader;<br>var atonl=true;<br>var gvo=null;<br>var source=null;<br>var documentURL=document.URL;<br>var isrc=' src=';<br>var source1 = null; //context.createBufferSource();<br>var source2 = null; //context.createBufferSource();<br>var source3 = null; //context.createBufferSource();<br>var source4 = null; //context.createBufferSource();<br><br>var ourmimetype='', kk=0;<br>var types = ["video/mp4","image/svg","audio/wav","audio/x-wav","audio/x-pn-realaudio","audio/x-mpegurl","audio/x-aiff","audio/mpeg","audio/mid",<br>      "audio/basic","audio/ogg","video/x-sgi-movie","video/x-msvideo","video/quicktime","audio/mp3","video/mp4","video/mpeg",<br>      "video/x-la-asf","video/ogg","video/webm","audio/mp4", "image/jpeg", "image/jpeg", "image/png", "image/gif", "image/bmp", "image/tif",<br>      "text/html", "text/html", "text/html", "text/javascript", "text/css", "text/plain", "text/xml", "text/csv",<br>      "application/vnd.ms-word", "application/vnd.openxmlformats-officedocument.wordprocessingml.document", "application/x-php", "application/pdf",<br>      "application/vnd.openxmlformats-officedocument.presentationml.presentation", "application/vnd.ms-powerpoint",<br>      "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"];<br>var exts = [".mp4",".svg",".wav",".wav",".ram",".m3u",".aiff",".mp3",".rmi",<br>      ".snd",".ogg",".movie",".avi",".mov",".mp3",".m4v",".mpeg",<br>      ".lsx",".ogv",".webm",".m4a", ".jpg", ".jpeg", ".png", ".gif", ".bmp", ".tif",<br>      ".htm", ".html", ".htmls", ".js", ".css", ".txt", ".xml", ".csv", <br>      ".doc", ".docx", ".php", ".pdf",<br>      ".pptx", ".ppt",<br>      ".xls", ".xlsx"];<br>      <br>var barr=['piano/Bb0.mp3','piano/Db1.mp3','piano/Eb1.mp3','piano/Gb1.mp3','piano/Ab1.mp3',<br>    'piano/Bb1.mp3','piano/Db2.mp3','piano/Eb2.mp3','piano/Gb2.mp3','piano/Ab2.mp3','piano/Bb2.mp3',<br>    'piano/Db3.mp3','piano/Eb3.mp3','piano/Gb3.mp3','piano/Ab3.mp3','piano/Bb3.mp3','piano/Db4.mp3',<br>    'piano/Eb4.mp3','piano/Gb4.mp3','piano/Ab4.mp3','piano/Bb4.mp3','piano/Db5.mp3','piano/Eb5.mp3',<br>    'piano/Gb5.mp3','piano/Ab5.mp3','piano/Bb5.mp3','piano/Db6.mp3','piano/Eb6.mp3','piano/Gb6.mp3',<br>    'piano/Ab6.mp3','piano/Bb6.mp3','piano/Db7.mp3','piano/Eb7.mp3','piano/Gb7.mp3','piano/Ab7.mp3',<br>    'piano/Bb7.mp3','piano/A0.mp3','piano/B0.mp3','piano/C1.mp3','piano/D1.mp3','piano/E1.mp3',<br>    'piano/F1.mp3','piano/G1.mp3','piano/A1.mp3','piano/B1.mp3','piano/C2.mp3','piano/D2.mp3',<br>    'piano/E2.mp3','piano/F2.mp3','piano/G2.mp3','piano/A2.mp3','piano/B2.mp3','piano/C3.mp3',<br>    'piano/D3.mp3','piano/E3.mp3','piano/F3.mp3','piano/G3.mp3','piano/A3.mp3','piano/B3.mp3',<br>    'piano/C4.mp3','piano/D4.mp3','piano/E4.mp3','piano/C5.mp3','piano/C6.mp3','piano/D6.mp3',<br>    'piano/E6.mp3','piano/F6.mp3','piano/B5.mp3','piano/A5.mp3','piano/G5.mp3','piano/F5.mp3',<br>    'piano/E5.mp3','piano/D5.mp3','piano/B4.mp3','piano/A4.mp3','piano/G4.mp3','piano/F4.mp3',<br>    'piano/G6.mp3','piano/A6.mp3','piano/B6.mp3','piano/C7.mp3','piano/D7.mp3','piano/E7.mp3',<br>    'piano/F7.mp3','piano/G7.mp3','piano/A7.mp3','piano/B7.mp3'];<br><br><br>var lastcmdsuffix='';<br>var wone='url1';<br>var woneo=null;<br>var wonev='urlv1';<br>var woneov=null;<br>var done=true;<br>var actedupon=false;<br><br>var cmdfixes=[];<br><br>var source1p = false; //context.createBufferSource();<br>var source2p = false; //context.createBufferSource();<br>var source3p = false; //context.createBufferSource();<br>var source4p = false; //context.createBufferSource();<br><br>var ioffset=0;<br>var lastbo=null, mfile=null;<br>var zi=location.search.split('zi=')[1] ? eval(decodeURIComponent(location.search.split('zi=')[1]).split('&')[0]) : 2;<br><br>var nafter=0;<br>var notebuffstuff="";<br><br>var sb=[], asb=[];<br>var ioffs=[0,0,0,0];<br><br>var whichs='';<br>var fors='';<br>var forid='';<br><br>function afterfor() {<br>  if (fors != '' && forid != '') {<br>    if (document.getElementById(forid).innerHTML.indexOf(fors.substring(0,eval(-1 + fors.length))) == -1) {<br>      document.getElementById(forid).innerHTML+=fors;<br>    }<br>  }<br>  fors='';<br>  forid='';<br>}<br><br>function xd() {<br>  //alert(oxd);<br>  if (parent.document.getElementById(oxd)) {<br>  document.getElementById(oxd).click();<br>  } else {<br>  document.getElementById(oxd).click();<br>  }<br>}<br><br>function xdocumentgetElementById(idis) {<br>  oxd=idis;<br>  setTimeout(xd, 2000);<br>}<br><br>function documentgetElementById(idis, ds) {<br>  fors='';<br>  forid='';<br>  if (source_valid() && ('' + ds).indexOf('-') == -1 && ('' + ds).replace('0','') != '') {<br>    forid=idis;<br>    fors=' ... for ' + ds + ' secs';<br>    setTimeout(afterfor,900);<br>    document.getElementById(idis).click();<br>  } else {<br>    document.getElementById(idis).click();<br>  }<br>}<br><br>function atThisTime() {<br>  if (("" + nextones[eval(-1 + inextones)].buttonNum + " ").substring(0,1) == '1') {<br>   if (("" + nextones[eval(-1 + inextones)].buttonNum + " ") == '1') {<br>     documentgetElementById('b1',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   } else {<br>     documentgetElementById('xb1',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   }<br>  } else if (("" + nextones[eval(-1 + inextones)].buttonNum + " ").substring(0,1) == '2') {<br>   if (("" + nextones[eval(-1 + inextones)].buttonNum + " ") == '2') {<br>     documentgetElementById('b2',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   } else {<br>     documentgetElementById('xb2',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   }<br>  } else if (("" + nextones[eval(-1 + inextones)].buttonNum + " ").substring(0,1) == '3') {<br>   if (("" + nextones[eval(-1 + inextones)].buttonNum + " ") == '3') {<br>     documentgetElementById('b3',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   } else {<br>     documentgetElementById('xb3',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   }<br>  } else if (("" + nextones[eval(-1 + inextones)].buttonNum + " ").substring(0,1) == '4') {<br>   if (("" + nextones[eval(-1 + inextones)].buttonNum + " ") == '4') {<br>     documentgetElementById('b4',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   } else {<br>     documentgetElementById('xb4',nextones[eval(-1 + inextones)].durationSecs); //.click();<br>   }<br>  }<br>}<br><br>function nbit() {<br>  document.getElementById('duration').value='';<br>}<br><br>function checknext() {<br>  if (nafter &gt; 0) { setTimeout(nbit, nafter);  nafter=0; }<br>  if (lastcmdsuffix != "") {<br>    //if (lastcmdsuffix.indexOf(('' + prevdg + ';')) == 0) { lastcmdsuffix=lastcmdsuffix.replace(('' + prevdg + ';'),''); alert('-2:' + lastcmdsuffix); } else { alert('-5:' + prevdg + ' in ' + lastcmdsuffix); }<br>    var huhss=lastcmdsuffix.split(';');<br>    if (lastcmdsuffix.indexOf(huhss[0] + ';') != -1) {<br>     lastcmdsuffix=lastcmdsuffix.replace(huhss[0] + ';', '');<br>    } else {<br>     lastcmdsuffix=lastcmdsuffix.replace(huhss[0], '');<br>    }<br>    var withins=huhss[0].split(':');<br>    if (withins.length &gt;= 5) {<br>    if (("" + nextones[inextones].durationSecs).indexOf('-') == -1 && ("" + nextones[inextones].durationSecs) != '0') {<br>    document.getElementById('startingat').value="" + nextones[inextones].startingAt;<br>    document.getElementById('startingin').value="" + nextones[inextones].startingIn;<br>    document.getElementById('loop1').checked=nextones[inextones].loopIt;<br>    if (document.getElementById('duration').value.indexOf(huhss[0] + ';') != -1) {<br>    setTimeout(atThisTime, eval(1000 * eval('' + prevdg)));<br>    document.getElementById('duration').value=lastcmdsuffix.replace(huhss[0] + ";", nextones[inextones].durationSecs + ";");<br>    //alert('here at ' + document.getElementById('duration').value);<br>    } else {<br>    setTimeout(atThisTime, eval(1000 * eval('' + prevdg)));<br>    //alert('Here ' + inextones + ' . ' + huhss[0] + ' at ' + document.getElementById('duration').value);<br>    //document.getElementById('duration').value=lastcmdsuffix.replace(huhss[0], nextones[eval(0 + inextones)].durationSecs);<br>    document.getElementById('duration').value=lastcmdsuffix.replace(huhss[0], nextones[eval(0 + inextones)].durationSecs);<br>    //alert('Here at ' + lastcmdsuffix.replace(huhss[0], nextones[eval(0 + inextones)].durationSecs));<br>    }<br>    inextones++;<br>    } else {<br>    lastcmdsuffix="";<br>    //document.getElementById('duration').value="";<br>    nextones=[];<br>    inextones=0;<br>    }<br>    } else if (withins.length == four) {<br>    lastcmdsuffix="";<br>    //document.getElementById('duration').value="";<br>    nextones=[];<br>    inextones=0;<br>    } else if (withins.length == 3) {<br>    lastcmdsuffix="";<br>    //document.getElementById('duration').value="";<br>    nextones=[];<br>    inextones=0;<br>    } else if (withins.length == 2) {<br>    lastcmdsuffix="";<br>    //document.getElementById('duration').value="";<br>    nextones=[];<br>    inextones=0;<br>    } else if (withins.length == 1) {<br>    lastcmdsuffix="";<br>    //document.getElementById('duration').value="";<br>    nextones=[];<br>    inextones=0;<br>    } else if (lastcmdsuffix == "") {<br>      nextones=[];<br>      inextones=0;<br>    } else {<br>      document.getElementById('duration').value=lastcmdsuffix;<br>      inextones=0;<br>    }<br>  } else {<br>    //document.getElementById('duration').value="";<br>    nextones=[];<br>    inextones=0;<br>  }<br>}<br><br>function source_valid() {<br> if (typeof source !== 'undefined') {<br>   if (source.length &gt;= four) { return true; }<br> }<br> return false;<br>}<br><br>function sourcep_valid() {<br> if (typeof sourcep !== 'undefined') {<br>   if (sourcep.length &gt;= four) { return true; }<br> }<br> return false;<br>}<br><br>function predura(tv,tvo) {<br> var withins=[];<br> var total=0;<br> if (tv != '') {<br>  lastcmdsuffix=tv;<br>  document.getElementById('duration').value=tv;<br>  if (tv.split(';')[0].split(':')[eval(-1 + tv.split(';')[0].split(':').length)].indexOf('-') == -1 && tv.split(';')[0].split(':')[eval(-1 + tv.split(';')[0].split(':').length)] != '0') {<br>  total+=eval('0' + tv.split(';')[0].split(':')[eval(-1 + tv.split(';')[0].split(':').length)]);<br>  }<br>  var huhss=lastcmdsuffix.split(';');<br>  if (huhss.length &lt;= 1) {<br>      lastcmdsuffix="";<br>      nextones=[];<br>      inextones=0;<br>  } else {<br>      lastcmdsuffix="";<br>      nextones=[];<br>      inextones=0;<br>      for (var jji=1; jji&lt;huhss.length; jji++) {<br>      lastcmdsuffix+=huhss[jji];<br>      withins=huhss[jji].split(':');<br>      if (withins.length &gt;= 5) {<br>      nextones.push(new  NextAudioSet(withins[0], withins[1], withins[2], withins[3], withins[4]));<br>      if (withins[4].indexOf('-') == -1 && withins[4] != '0') {<br>      total+=eval('0' + withins[4].split(';')[0].split(':')[eval(-1 + withins[4].split(';')[0].split(':').length)]);<br>      }<br>      } else if (withins.length == 4) {<br>      nextones.push(new  NextAudioSet(withins[0], withins[1], withins[2], withins[3], ""));<br>      } else if (withins.length == 3) {<br>      nextones.push(new  NextAudioSet(withins[0], withins[1], withins[2], false, ""));<br>      } else if (withins.length == 2) {<br>      nextones.push(new  NextAudioSet(withins[0], withins[1], "", false, ""));<br>      } else if (withins.length == 1) {<br>      nextones.push(new  NextAudioSet(withins[0], "", "", false, ""));<br>      }<br>      }<br>      //document.getElementById('duration').value=lastcmdsuffix;<br>      //alert(lastcmdsuffix);<br>  }<br>  if (atonl) {<br>        if (huhss[0].indexOf(':') != -1) {<br>          switch ((huhss[0].split(':')[0] + ' ').substring(0,1)) {<br>            case '1':<br>              if (huhss[0].split(':')[0].length == 1) {<br>                xdocumentgetElementById('b1'); //.click();<br>              } else {<br>                xdocumentgetElementById('xb1'); //.click();<br>              }<br>              break;<br>              <br>            case '2':<br>              if (huhss[0].split(':')[0].length == 1) {<br>                xdocumentgetElementById('b2'); //.click();<br>              } else {<br>                xdocumentgetElementById('xb2'); //.click();<br>              }<br>              break;<br>              <br>            case '3':<br>              if (huhss[0].split(':')[0].length == 1) {<br>                xdocumentgetElementById('b3'); //.click();<br>              } else {<br>                xdocumentgetElementById('xb3'); //.click();<br>              }<br>              break;<br>              <br>            case '4':<br>              if (huhss[0].split(':')[0].length == 1) {<br>                xdocumentgetElementById('b4'); //.click();<br>              } else {<br>                xdocumentgetElementById('xb4'); //.click();<br>              }<br>              break;<br>              <br>            default:<br>              xdocumentgetElementById('b1'); //.click();<br>              break;<br>          }<br>        } else {<br>          xdocumentgetElementById('b1'); //.click();<br>        }<br>        atonl=false;<br>  }<br> }<br> if (total &gt; 0) { total++;  nafter=eval(1000 * eval('' + total)); }<br> tvo.value='';<br>}<br><br>function dura(insis,lbo) {<br> var dg="";<br> if (('' + fors).indexOf('-') == -1 && ('' + fors) != '0' && fors != '') {<br>   dg=fors.split(' for ')[1].split(' ')[0];<br>   fors='';<br>   forid='';<br>   if (dg.indexOf('-') == -1 && dg != '0') {<br>   if (lbo) { if (lbo.innerHTML.indexOf(' ... for ' + dg + ' sec') == -1) { lbo.innerHTML+=' ... for ' + dg + ' secs'; } }<br>   if (insis.split(',').length == 3) {<br>     prevdg=eval('' + dg);<br>     return insis.replace(',' + insis.split(',')[2].split(')')[0] + ')', ',' + dg + ')');<br>   } else if (insis.split(',').length == 2) {<br>     prevdg=eval('' + dg);<br>     return insis.replace(')', ',0,' + dg + ')');<br>   } else {<br>     prevdg=eval('' + dg);<br>     return '(0,0,' + dg + ')';<br>   }<br>   } <br> } else if (document.getElementById('duration').value.split(';')[0].replace('0','').indexOf(':') != -1) {<br>   dg=document.getElementById('duration').value.split(';')[0].split(':')[eval(-1 + document.getElementById('duration').value.split(';')[0].split(':').length)];<br>   if (dg.indexOf('-') == -1 && dg != '0') {<br>   if (lbo) { if (lbo.innerHTML.indexOf(' ... for ' + dg + ' sec') == -1) { lbo.innerHTML+=' ... for ' + dg + ' secs'; } }<br>   if (insis.split(',').length == 3) {<br>     prevdg=eval('' + dg);<br>     return insis.replace(',' + insis.split(',')[2].split(')')[0] + ')', ',' + dg + ')');<br>   } else if (insis.split(',').length == 2) {<br>     prevdg=eval('' + dg);<br>     return insis.replace(')', ',0,' + dg + ')');<br>   } else {<br>     prevdg=eval('' + dg);<br>     return '(0,0,' + dg + ')';<br>   }<br>   } <br> } else if (document.getElementById('duration').value.replace('0','') != '') {<br>   if (document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0].indexOf('-') == -1) {<br>   if (insis.split(',').length == 3) {<br>     prevdg=eval('' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0]);<br>   if (lbo) { if (lbo.innerHTML.indexOf(' ... for ' + prevdg + ' sec') == -1) { lbo.innerHTML+=' ... for ' + prevdg + ' secs'; } }<br>     return insis.replace(',' + insis.split(',')[2].split(')')[0] + ')', ',' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0] + ')');<br>   } else if (insis.split(',').length == 2) {<br>     prevdg=eval('' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0]);<br>   if (lbo) { if (lbo.innerHTML.indexOf(' ... for ' + prevdg + ' sec') == -1) { lbo.innerHTML+=' ... for ' + prevdg + ' secs'; } }<br>     return insis.replace(')', ',' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0] + ')');<br>   } else {<br>     prevdg=eval('' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0]);<br>   if (lbo) { if (lbo.innerHTML.indexOf(' ... for ' + prevdg + ' sec') == -1) { lbo.innerHTML+=' ... for ' + prevdg + ' secs'; } }<br>     return '(0,0,' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0] + ')';<br>   }<br>   }<br> } else if (nextones.length &gt; 0 && nextones.length &gt; eval(-1 + inextones) && inextones &gt; 0) {<br>   dg=nextones[eval(-1 + inextones)].durationSecs;<br>   if (lbo) { if (lbo.innerHTML.indexOf(' ... for ' + dg + ' sec') == -1) { lbo.innerHTML+=' ... for ' + dg + ' secs'; } }<br>   prevdg=0;<br>   //alert(insis);<br>   if (insis.split(',').length == 3) {<br>     //prevdg=eval('' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0]);<br>     return insis.replace(',' + insis.split(',')[2].split(')')[0] + ')', ',' + dg + ')');<br>   } else if (insis.split(',').length == 2) {<br>     //prevdg=eval('' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0]);<br>   //alert(insis.replace(')', ',' + dg + ')'));<br>     return insis.replace(')', ',' + dg + ')');<br>   } else {<br>     //prevdg=eval('' + document.getElementById('duration').value.split(':')[0].split(';')[0].split('.')[0].split(' ')[0]);<br>     return '(0,0,' + dg + ')';<br>   }<br> } <br> return insis;<br>}<br><br><br>function NextAudioSet(buttonNum, startingAt, startingIn, loopIt, durationSecs) { <br>  this.buttonNum = "" + buttonNum;<br>  if (typeof startingAt !== 'undefined') {<br>  this.startingAt = "" + startingAt;<br>  } else {<br>  this.startingAt = "";<br>  }<br>  if (typeof startingIn !== 'undefined') {<br>  this.startingIn = "" + startingIn;<br>  } else {<br>  this.startingIn = "";<br>  }<br>  if (typeof loopIt !== 'undefined') {<br>  if ((("" + loopIt).toLowerCase() + "f").substring(0,1).replace('0','f').replace('1','t') == 't') {<br>  this.loopIt = true;<br>  } else {<br>  this.loopIt = false;<br>  }<br>  } else {<br>  this.loopIt = false;<br>  }<br>  if (typeof durationSecs !== 'undefined') {<br>  this.durationSecs = "" + durationSecs;<br>  } else {<br>  this.durationSecs = "";<br>  }<br>}<br><br><br><br>var nextones=[];<br>var inextones=0;<br>var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);<br><br>var source=[];<br>var sourcep=[];<br>var notoka=location.search.split('notoka=')[1] ? (" " + decodeURIComponent(location.search.split('notoka=')[1]).split('&')[0]) : "";<br><br>if (isSafari) { isrc=' srcdoc='; }<br><br>if (notoka == "") {<br>  for (var iii=1; iii&lt;=eval(-1 + five); iii++) {<br>    source.push(null);<br>    sourcep.push(false);<br>  }<br>} //else if (notoka.trim() == 'secret') {<br>  //isrc=' srcdoc=';<br>//}<br><br>fivenotfive();<br><br>for (var ii=five; ii&lt;eval(200 * four); ii++) {<br>valtsofar+='' + eval(-1 + ii) + ';';<br>if (source_valid()) { //if (typeof source !== 'undefined') {<br> source.push(null);<br> if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>  sourcep.push(false);<br> }<br> } else {<br>  eval("var source" + ii + " = null;"); //context.createBufferSource();<br> }<br>}<br><br>function BufferLoader(context, urlList, callback) { // thanks to https://stackoverflow.com/questions/17333777/uncaught-reference-error-bufferloader-is-not-defined<br>  this.context = context;<br>  this.urlList = urlList;<br>  this.onload = callback;<br>  this.bufferList = new Array();<br>  this.loadCount = 0;<br>}<br><br>function putback() {<br>  isokaytoplay=true;<br>  parent.document.getElementById('cmdconduit').value=parent.document.getElementById('cmdconduit').value.replace(/ parent\.setmeter\(\-1\)\;/g, '');<br>  //parent.document.title=parent.document.getElementById('cmdconduit').value;<br>}<br><br>function playnotes() {<br>  var pxlist;<br>  if (parent.document.getElementById('conduit')) {<br>   if (isokaytoplay) {<br>   if (parent.document.getElementById('conduit').value.trim() != '') {<br>     var plist=parent.document.getElementById('conduit').value.trim().split(' ');<br>     //if (plist[0].indexOf('#') != -1 && plist[0].indexOf('#0') == -1) {  <br>     //  isokaytoplay=false;<br>     //  parent.document.getElementById('cmdconduit').value=parent.document.getElementById('cmdconduit').value.trim() + ' parent.setmeter(-1); ';<br>     //  //parent.document.title='' + Math.round(eval(10 * eval('' +  plist[0].split('#')[1])));<br>     //  setTimeout(putback, Math.round(eval(30 * eval('' +  plist[0].split('#')[1]))));<br>     //}<br>     parent.document.getElementById('conduit').value=parent.document.getElementById('conduit').value.replace(' ' + plist[0], ' '); <br>     //alert(plist[0].replace('/','').replace('.',''));<br>     if (document.getElementById(plist[0].split('#')[0].replace('/','').replace('.',''))) {<br>  //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>  //  document.getElementById(plist[0].replace('/','').replace('.','')).style.display='block';<br>  //}   <br>     //if (isSafari) { document.getElementById(plist[0].replace('/','').replace('.','')).style.display='inline-block';    }<br>     document.getElementById(plist[0].split('#')[0].replace('/','').replace('.','')).click();<br>     //parent.document.title+=' ' + (document.getElementById(plist[0].replace('/','').replace('.','')).outerHTML);<br>     pxlist=parent.document.getElementById('cmdconduit').value.trim().split(' ');<br>     } else {<br>     pxlist=parent.document.getElementById('cmdconduit').value.trim().split(' ');<br>     if (pxlist[0] != '') { eval(pxlist[0].split('#')[0]); }<br>     }<br>     if (pxlist[0] != '') { parent.document.getElementById('cmdconduit').value=parent.document.getElementById('cmdconduit').value.replace(' ' + pxlist[0], ' '); } <br>   }<br>   }<br>  }<br>}<br><br>function fivenotfive() {<br>if (five != 5) {<br>   if (1 == 1) {<br>   console.log(document.getElementById('dchoose').innerHTML);<br>   if (document.getElementById('dchoose').innerHTML.indexOf('Web Audio') == 0) {<br>   if (document.getElementById('ddchoose')) {<br>   if (document.getElementById('ddchoose').innerHTML == '') {<br>   document.getElementById('ddchoose').innerHTML=notebuffstuff;<br>   }<br>   } else {<br>   document.getElementById('dchoose').innerHTML+=notebuffstuff;<br>   }<br>   } else {<br>   setTimeout(fivenotfive, 1000);<br>   }<br>   console.log(document.getElementById('dchoose').innerHTML.substring(0,100));<br>   } else {<br>   document.getElementById('dpiano').innerHTML=notebuffstuff;<br>   }<br>   //alert(notebuffstuff);<br>}<br>}<br><br>function vspiano(buffarray) { // 13 x 6 + 5 + 4 + 1<br>  if (actedupon && ((location.search.split('vscaseyrule=')[1] ? (' ' + decodeURIComponent(location.search.split('vscaseyrule=')[1]).split('&')[0]) : '') != '' || (location.search.split('vsmudcube=')[1] ? (' ' + decodeURIComponent(location.search.split('vsmudcube=')[1]).split('&')[0]) : '') != '')) { //navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>    if (1 == 2 && navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>    parent.document.getElementById('conduit').value='';<br>    parent.document.getElementById('cmdconduit').value='';<br>    } else {<br>    five=88;<br>    four=87;<br>    source=[];<br>    sourcep=[];<br>    ioffs=[];<br>    for (var iiix=1; iiix&lt;=eval(-1 + five); iiix++) {<br>    source.push(null);<br>    sourcep.push(false);<br>    ioffs.push(0);<br>    }<br>    for (var iiixx=five; iiixx&lt;=eval(-1 + five * 200); iiixx++) {<br>    source.push(null);<br>    sourcep.push(false);<br>    ioffs.push(0);<br>    }<br>    if (parent.document.getElementById('conduit')) { setInterval(playnotes, 50); setTimeout(fivenotfive,1000); }<br>    return [butready('piano/Bb0.mp3'),butready('piano/Db1.mp3'),butready('piano/Eb1.mp3'),butready('piano/Gb1.mp3'),butready('piano/Ab1.mp3'),<br>    butready('piano/Bb1.mp3'),butready('piano/Db2.mp3'),butready('piano/Eb2.mp3'),butready('piano/Gb2.mp3'),butready('piano/Ab2.mp3'),butready('piano/Bb2.mp3'),<br>    butready('piano/Db3.mp3'),butready('piano/Eb3.mp3'),butready('piano/Gb3.mp3'),butready('piano/Ab3.mp3'),butready('piano/Bb3.mp3'),butready('piano/Db4.mp3'),<br>    butready('piano/Eb4.mp3'),butready('piano/Gb4.mp3'),butready('piano/Ab4.mp3'),butready('piano/Bb4.mp3'),butready('piano/Db5.mp3'),butready('piano/Eb5.mp3'),<br>    butready('piano/Gb5.mp3'),butready('piano/Ab5.mp3'),butready('piano/Bb5.mp3'),butready('piano/Db6.mp3'),butready('piano/Eb6.mp3'),butready('piano/Gb6.mp3'),<br>    butready('piano/Ab6.mp3'),butready('piano/Bb6.mp3'),butready('piano/Db7.mp3'),butready('piano/Eb7.mp3'),butready('piano/Gb7.mp3'),butready('piano/Ab7.mp3'),<br>    butready('piano/Bb7.mp3'),butready('piano/A0.mp3'),butready('piano/B0.mp3'),butready('piano/C1.mp3'),butready('piano/D1.mp3'),butready('piano/E1.mp3'),<br>    butready('piano/F1.mp3'),butready('piano/G1.mp3'),butready('piano/A1.mp3'),butready('piano/B1.mp3'),butready('piano/C2.mp3'),butready('piano/D2.mp3'),<br>    butready('piano/E2.mp3'),butready('piano/F2.mp3'),butready('piano/G2.mp3'),butready('piano/A2.mp3'),butready('piano/B2.mp3'),butready('piano/C3.mp3'),<br>    butready('piano/D3.mp3'),butready('piano/E3.mp3'),butready('piano/F3.mp3'),butready('piano/G3.mp3'),butready('piano/A3.mp3'),butready('piano/B3.mp3'),<br>    butready('piano/C4.mp3'),butready('piano/D4.mp3'),butready('piano/E4.mp3'),butready('piano/C5.mp3'),butready('piano/C6.mp3'),butready('piano/D6.mp3'),<br>    butready('piano/E6.mp3'),butready('piano/F6.mp3'),butready('piano/B5.mp3'),butready('piano/A5.mp3'),butready('piano/G5.mp3'),butready('piano/F5.mp3'),<br>    butready('piano/E5.mp3'),butready('piano/D5.mp3'),butready('piano/B4.mp3'),butready('piano/A4.mp3'),butready('piano/G4.mp3'),butready('piano/F4.mp3'),<br>    butready('piano/G6.mp3'),butready('piano/A6.mp3'),butready('piano/B6.mp3'),butready('piano/C7.mp3'),butready('piano/D7.mp3'),butready('piano/E7.mp3'),<br>    butready('piano/F7.mp3'),butready('piano/G7.mp3'),butready('piano/A7.mp3'),butready('piano/B7.mp3'),<br>       ];<br>    }<br>  }<br>  return buffarray;<br>}  <br><br>BufferLoader.prototype.loadBuffer = function(url, index) {<br>  // Load buffer asynchronously<br>  var request = new XMLHttpRequest();<br>  request.open("GET", url, true);<br>  request.responseType = "arraybuffer";<br><br>  var loader = this;<br><br>  request.onload = function() {<br>    // Asynchronously decode the audio file data in request.response<br>    loader.context.decodeAudioData(<br>      request.response,<br>      function(buffer) {<br>        if (!buffer) {<br>          alert('error decoding file data: ' + url);<br>          return;<br>        }<br>        loader.bufferList[index] = buffer;<br>        if (++loader.loadCount == loader.urlList.length)<br>          loader.onload(loader.bufferList);<br>      },<br>      function(error) {<br>        valtsofar=valtsofar.replace(';' + index + ';', ';' + url + ';');<br>        for (var iij=eval(4 + eval('' + index)); iij&lt;eval(200 * four); iij+=four) {<br>         valtsofar=valtsofar.replace(';' + iij + ';', ';' + url + ';');<br>        }<br>        console.error('decodeAudioData error', error);<br>        document.getElementById('ivideo').src=url;<br>      }<br>    );<br>  }<br><br>  request.onerror = function() {<br>    alert('BufferLoader: XHR error');<br>  }<br><br>  request.send();<br>}<br><br>BufferLoader.prototype.load = function() {<br>  for (var i = 0; i &lt; this.urlList.length; ++i) {<br>  asb.push(this.urlList[i]);<br>  this.loadBuffer(this.urlList[i], i);<br>  }<br>}<br><br>function init() {  // thanks to https://www.html5rocks.com/en/tutorials/webaudio/intro/<br>  // Fix up prefixing<br>  //       './past_quarterto.m4a',<br>  if (!donei) {<br>  donei=true;<br>  var goon=true;<br>  try {<br>    if (parent.document.title != top.document.title) {<br>      goon=false;<br>    }<br>  } catch (errr) {<br>  }<br>  if (goon) {<br>  document.getElementById('huhb').style.visibility='hidden';<br>  if (document.getElementById('dlhuhb')) {<br>  document.getElementById('dlhuhb').style.visibility='hidden';<br>  }<br>  }<br>  <br>  window.AudioContext = window.AudioContext || window.webkitAudioContext;<br><br> if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {   <br>	if (window.AudioContext) {<br>		window.audioContext = new window.AudioContext();<br>	} <br>  }<br><br>  context = new AudioContext();<br><br> // you should null check window.AudioContext for old browsers to not blow up<br><br> // create a dummy sound - and play it immediately in same 'thread'<br> if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {   <br> var oscillator = context.createOscillator();<br> oscillator.frequency.value = 400;<br> oscillator.connect(context.destination);<br> oscillator.start(0);<br> oscillator.stop(.5);    // you can set this to zero, but I left it here for testing.<br> }<br><br><br>  bufferLoader = new BufferLoader(<br>    context,<br>    vspiano([<br>      (parent.document.getElementById('url1') ? parent.document.getElementById('url1').value : (location.search.split('url1=')[1] ? (decodeURIComponent(location.search.split('url1=')[1]).split('&')[0]) : '../PHP/macbetha1s1.m4a')),<br>      (parent.document.getElementById('url2') ? parent.document.getElementById('url2').value : (location.search.split('url2=')[1] ? (decodeURIComponent(location.search.split('url2=')[1]).split('&')[0]) : './one_to_fiftynine.m4a')),<br>      (parent.document.getElementById('url3') ? parent.document.getElementById('url3').value : (location.search.split('url3=')[1] ? (decodeURIComponent(location.search.split('url3=')[1]).split('&')[0]) : './am_pm.m4a')),<br>      (parent.document.getElementById('url4') ? parent.document.getElementById('url4').value : (location.search.split('url4=')[1] ? (decodeURIComponent(location.search.split('url4=')[1]).split('&')[0]) : './past_quarterto.m4a')),<br>    ]),<br>    finishedLoading<br>    );<br><br>  bufferLoader.load();<br>  <br>  getideas();<br><br>  setTimeout(decide, 1600);<br><br>  }<br>}<br><br>function decide() {<br>   var xgoonb=true;<br>   try {<br>    if (parent.document.title != top.document.title) {<br>      xgoon=false;<br>    }<br>   } catch (errr) {<br>   }<br>  if (document.getElementById('dlhuhb') && document.getElementById('dchoose')) {<br>   var suff='&nbsp;';<br>   if (document.getElementById('ddchoose')) {<br>     suff+=document.getElementById('ddchoose').outerHTML;<br>   }<br>   if (four != 4 || actedupon) {<br>   document.getElementById('dchoose').innerHTML='Web Audio' + suff; <br>   } else {<br>   if (xgoon) { document.getElementById('dchoose').innerHTML=document.getElementById('dchoose').innerHTML.split(' ')[0] + suff; }<br>   }<br>  }<br>}<br><br>function andthen() {<br>  if (gvo) { gvo.play(); }<br>}<br><br>function andnotthen() {<br> document.getElementById('dvideo').innerHTML=dvih;<br>}<br><br>function startit() {<br>  if (whichs != '') {<br>    if (1 == 2) { eval("if (source" + eval(whichs % 400) + "p) { if (!source" + eval(whichs % 400) + ".start) { source" + eval(whichs % 400) + ".start = source" + eval(whichs % 400) + ".noteOn; } else if (1 == 6 && source" + whichs + "p) { var source" + whichs + " = context.createBufferSource(); source" + whichs + ".buffer = sb[" + eval(-1 + eval(whichs % four)) + "];  source" + whichs + ".connect(context.destination); } }"); }<br>  }<br>}<br><br>function stopit() {<br>  if (whichs != '') {<br>    //eval("if (!source" + whichs + ".stop) { source" + whichs + ".stop = source" + whichs + ".noteOff;  } else if (source" + whichs + "p) { source" + whichs + ".stop(); }");<br>    //whichs='';<br>    if (source_valid()) { //if (typeof source !== 'undefined') {<br>     if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>      console.log('x ' + eval(-1 + eval(whichs)));<br>      if (sourcep[eval(-1 + eval(whichs))]) { source[eval(-1 + eval(whichs))].stop(); }<br>     } else {<br>      eval(" if (source" + whichs + "p) {  source[" + eval(-1 + eval(whichs)) + "].stop(); }");<br>     }<br>    } else {<br>     eval(" if (source" + whichs + "p) {  source" + whichs + ".stop();  }");<br>    }<br>    if (lastbo) {<br>      lastbo.style.border='';<br>      lastbo.innerHTML=lastbo.innerHTML.split(' ... ')[0];<br>      lastbo=null;<br>    }<br>  } <br>}<br><br><br>function butready(inbutid) {<br>  notebuffstuff+='&lt;button style="display:none;" title=' + one + ' id=' + inbutid.replace('/','').replace('.','') + ' onclick="pianonoteplay(this); "&gt;' + inbutid + '&lt;/button&gt;';<br>  one++;<br>  //parent.document.title=notebuffstuff;<br>  return inbutid;<br>}<br><br><br>function pianonoteplay(bo) {<br>  var ioth='' + eval('' + bo.title);<br>  var prefix="";<br>  console.log('e');<br>  if (!nostop) { stopit(); } else { lastbo=null; }<br>  if (whichs == "") { whichs="" + ioth;  }<br>  whichs="" + eval(ioffs[eval(-1 + eval('' + ioth))] + eval(ioth));<br>  if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>  //alert('' + ioth);<br>   sourcep[eval(-1 + eval(whichs))]=true;<br>  } else {<br>   eval("source" + whichs + "p=true;");<br>  }<br>  var sendb=("(" + document.getElementById('startingin').value + "," + document.getElementById('startingat').value + ");").replace("(,)", "(0)").replace("(,", "(0,").replace(",)", ",0)");<br>  var suffix=("(" + document.getElementById('startingin').value + "," + document.getElementById('startingat').value + ")").replace("(,)", "").replace("(0,0)", "").replace("(0,)", "").replace("(,0)", "").replace("(,", ",").replace(",)", "").trim();<br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>   //alert('-6:' + prevdg);<br>   if (fors.replace('0','') != '' && fors.indexOf('-') == -1) {<br>   //alert('-66:' + prevdg);<br>  console.log('ea');<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value), eval('' + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':')[eval(-1 + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':').length)].split('.')[0].split(' ')[0]));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   //alert('-1:' + document.getElementById('duration').value);<br>   } else if (document.getElementById('duration').value.replace('0','') != '') {<br>   //alert('-66:' + prevdg);<br>  console.log('eb');<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value), eval('' + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':')[eval(-1 + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':').length)].split('.')[0].split(' ')[0]));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   //alert('-1:' + document.getElementById('duration').value);<br>   } else {<br>   //alert('-89:' + prevdg);<br>   //alert(bo.id + ' ... ' + bo.title + ' ... ' + eval(-1 + eval(whichs)));<br>  console.log('ec ' + eval(-1 + eval(whichs)) + ' vs ' + source.length);<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   }<br>  } else {<br>   //alert('-77:' + sendb + ' ... ' + dura(sendb));<br>   eval("source" + whichs + ".start" + dura(sendb,lastbo));<br>   //eval("source" + whichs + ".noteOn(0)");<br>  }<br>  nostop=false;<br>  document.getElementById('startingat').value='';<br>  document.getElementById('startingin').value='';<br>  document.getElementById('loop1').checked=false;<br>  document.getElementById('loop2').checked=false;<br>  //alert(43);<br>  checknext();<br>  //alert(ioth);<br>  ioffs[eval(-1 + eval(ioth))]+=four;<br>  //alert(5432);<br>  ioffset=ioffs[eval(-1 + eval(ioth))];<br>  //alert(four);<br>  if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>  //alert(-four);<br>  //alert('' + eval(-1 + eval(ioffset + eval(ioth))));<br>   sourcep[eval(-1 + eval(ioffset + eval(ioth)))]=false;<br>  } else {<br>   eval("source" + eval(ioffset + eval(ioth)) + "p=false;");<br>  }<br>  //alert(42);<br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>  //alert(1);<br>   source[eval(-1 + eval(ioffset + eval(ioth)))] = context.createBufferSource(); <br>   source[eval(-1 + eval(ioffset + eval(ioth)))].buffer = sb[eval(-1 + eval(ioth))];  <br>   source[eval(-1 + eval(ioffset + eval(ioth)))].connect(context.destination); <br>  } else {<br>  //alert(0);<br>   eval("source" + eval(ioffset + eval(ioth)) + " = context.createBufferSource(); source" + eval(ioffset + eval(ioth)) + ".buffer = sb[" + eval(-1 + eval(ioth)) + "];  source" + eval(ioffset + eval(ioth)) + ".connect(context.destination); ");<br>  }<br>  console.log('ee');<br>}<br><br>function other(ioth, bo) {<br>  var prefix="";<br>  if (!nostop) { stopit(); } else { lastbo=null; }<br>  if (whichs == "") { whichs="" + ioth;  }<br>  whichs="" + eval(ioffs[eval(-1 + eval('' + ioth))] + ioth);<br>  if (valtsofar.indexOf(';' + eval(-1 + eval(whichs)) + ';') == -1) {<br>   document.getElementById('ivideo').src=valtsofar.substring(1).split(';')[eval(-1 + eval(whichs))];<br>   document.getElementById('ivideo').play();<br>  } else {<br>  //startit();<br>  if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>   sourcep[eval(-1 + eval(whichs))]=true;<br>  } else {<br>   eval("source" + whichs + "p=true;");<br>  }<br>  if (document.getElementById('loop1').checked || document.getElementById('loop2').checked) { <br>    prefix="&#128257;"; <br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>    source[eval(-1 + eval(whichs))].loop=true;<br>  } else {<br>    eval("source" + whichs + ".loop = true;"); <br>  }<br>  }<br>  var sendb=("(" + document.getElementById('startingin').value + "," + document.getElementById('startingat').value + ");").replace("(,)", "(0)").replace("(,", "(0,").replace(",)", ",0)");<br>  var suffix=("(" + document.getElementById('startingin').value + "," + document.getElementById('startingat').value + ")").replace("(,)", "").replace("(0,0)", "").replace("(0,)", "").replace("(,0)", "").replace("(,", ",").replace(",)", "").trim();<br>  if (document.getElementById('loop1').checked || document.getElementById('loop2').checked || sendb.replace(/0/g,'').replace(/\,/g,'').replace('(','').replace(')','') != '') { <br>    //alert(suffix.replace('(', ' @ ').replace(',', ' in ').replace(')', ' secs'));<br>    if ((prefix +  ' ' + suffix.replace('(', ' @ ').replace(',', ' in ').replace(')', ' secs')).trim() == '') {<br>    bo.innerHTML=bo.innerHTML.split(' ... ')[0];<br>    } else {<br>    bo.innerHTML=bo.innerHTML.split(' ... ')[0] + ' ... ' + prefix +  ' ' + suffix.replace('(', ' in ').replace(',', ' @ ').replace(')', ' secs');<br>    }<br>  } else if (bo.innerHTML.indexOf(' ... ') != -1) {<br>    bo.innerHTML=bo.innerHTML.split(' ... ')[0];<br>  }<br>  bo.style.border='1px inset red';<br>  if (1 == 5 && (document.getElementById('loop1').checked || document.getElementById('loop2').checked)) { <br>  lastbo=null;<br>  } else {<br>  lastbo=bo;<br>  }<br>   //alert('-7:' + prevdg);<br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>   //alert('-6:' + prevdg);<br>   if (fors.replace('0','') != '' && fors.indexOf('-') == -1) {<br>   //alert('-66:' + prevdg);<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value), eval('' + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':')[eval(-1 + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':').length)].split('.')[0].split(' ')[0]));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   //alert('-1:' + document.getElementById('duration').value);<br>   } else if (document.getElementById('duration').value.replace('0','') != '') {<br>   //alert('-66:' + prevdg);<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value), eval('' + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':')[eval(-1 + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':').length)].split('.')[0].split(' ')[0]));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   //alert('-1:' + document.getElementById('duration').value);<br>   } else {<br>   //alert('-89:' + prevdg);<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   }<br>  } else {<br>   //alert('-77:' + sendb + ' ... ' + dura(sendb));<br>   eval("source" + whichs + ".start" + dura(sendb,lastbo));<br>   //eval("source" + whichs + ".noteOn(0)");<br>  }<br>  nostop=false;<br>  document.getElementById('startingat').value='';<br>  document.getElementById('startingin').value='';<br>  document.getElementById('loop1').checked=false;<br>  document.getElementById('loop2').checked=false;<br>  checknext();<br>  ioffs[eval(-1 + ioth)]+=four;<br>  ioffset=ioffs[eval(-1 + ioth)];<br>  if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>   sourcep[eval(-1 + eval(ioffset + ioth))]=false;<br>  } else {<br>   eval("source" + eval(ioffset + ioth) + "p=false;");<br>  }<br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>   source[eval(-1 + eval(ioffset + ioth))] = context.createBufferSource(); <br>   source[eval(-1 + eval(ioffset + ioth))].buffer = sb[eval(-1 + ioth)];  <br>   source[eval(-1 + eval(ioffset + ioth))].connect(context.destination); <br>  } else {<br>   eval("source" + eval(ioffset + ioth) + " = context.createBufferSource(); source" + eval(ioffset + ioth) + ".buffer = sb[" + eval(-1 + ioth) + "];  source" + eval(ioffset + ioth) + ".connect(context.destination); ");<br>  }<br>  }<br>}<br><br>function macbetha1s1(vo, bo) {<br>  var ioth=1;<br>  var prefix="";<br>  if (vo) { andnotthen();  gvo=document.getElementById('ivideo');  setTimeout(andthen, 500); }<br>  if (!nostop) { stopit();  }<br>  if (whichs == "") { whichs="1";  }<br>  whichs="" + eval(ioffs[0] + 1);<br>  if (valtsofar.indexOf(';' + eval(-1 + eval(whichs)) + ';') == -1) {<br>   document.getElementById('ivideo').src=valtsofar.substring(1).split(';')[eval(-1 + eval(whichs))];<br>   document.getElementById('ivideo').play();<br>  } else {<br>  //startit();<br>  if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>   sourcep[eval(-1 + eval(whichs))]=true;<br>  } else {<br>   eval("source" + whichs + "p=true;");<br>  }<br>  if (document.getElementById('loop1').checked || document.getElementById('loop2').checked) { <br>    prefix="&#128257;";  <br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>    source[eval(-1 + eval(whichs))].loop=true;<br>  } else {<br>    eval("source" + whichs + ".loop = true;"); <br>  }<br>  }<br>  var sendb=("(" + document.getElementById('startingin').value + "," + document.getElementById('startingat').value + ");").replace("(,)", "(0)").replace("(,", "(0,").replace(",)", ",0)");<br>  var suffix=("(" + document.getElementById('startingin').value + "," + document.getElementById('startingat').value + ")").replace("(,)", "").replace("(0,0)", "").replace("(0,)", "").replace("(,0)", "").replace("(,", ",").replace(",)", "").trim();<br>  if (document.getElementById('loop1').checked || document.getElementById('loop2').checked || sendb.replace(/0/g,'').replace(/\,/g,'').replace('(','').replace(')','') != '') { <br>    //alert(suffix.replace('(', ' @ ').replace(',', ' in ').replace(')', ' secs'));<br>    if ((prefix +  ' ' + suffix.replace('(', ' @ ').replace(',', ' in ').replace(')', ' secs')).trim() == '') {<br>    bo.innerHTML=bo.innerHTML.split(' ... ')[0];<br>    } else {<br>    bo.innerHTML=bo.innerHTML.split(' ... ')[0] + ' ... ' + prefix +  ' ' + suffix.replace('(', ' in ').replace(',', ' @ ').replace(')', ' secs');<br>    }<br>  } else if (bo.innerHTML.indexOf(' ... ') != -1) {<br>    bo.innerHTML=bo.innerHTML.split(' ... ')[0];<br>  }<br>  bo.style.border='1px inset red';<br>  if (1 == 5 && (document.getElementById('loop1').checked || document.getElementById('loop2').checked)) { <br>  lastbo=null;<br>  } else {<br>  lastbo=bo;<br>  }<br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>   if (fors.replace('0','') != '' && fors.indexOf('-') == -1) {<br>   //alert('-66:' + prevdg);<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value), eval('' + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':')[eval(-1 + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':').length)].split('.')[0].split(' ')[0]));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>  //alert('-1:' + document.getElementById('duration').value);<br>   } else if (document.getElementById('duration').value.replace('0','') != '') {<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value), eval('' + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':')[eval(-1 + dura(document.getElementById('duration').value,lastbo).split(';')[0].split(':').length)].split('.')[0].split(' ')[0]));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   } else {<br>   source[eval(-1 + eval(whichs))].start(eval('0' + document.getElementById('startingin').value), eval('0' + document.getElementById('startingat').value));<br>   //source[eval(-1 + eval(whichs))].noteOn(0);<br>   }<br>  } else {<br>   eval("source" + whichs + ".start" + dura(sendb,lastbo));<br>   //eval("source" + whichs + ".noteOn(0)");<br>  }<br>  nostop=false;<br>  document.getElementById('startingat').value='';<br>  document.getElementById('startingin').value='';<br>  document.getElementById('loop1').checked=false;<br>  document.getElementById('loop2').checked=false;<br>  checknext();<br>  ioffs[eval(-1 + eval(eval(whichs) % four))]+=four;<br>  ioffset=ioffs[eval(-1 + eval(eval(whichs) % four))];<br>  if (sourcep_valid()) { //if (typeof sourcep !== 'undefined') {<br>   sourcep[eval(-1 + eval(ioffset + ioth))]=false;<br>  } else {<br>   eval("source" + eval(ioffset + 1) + "p=false;");<br>  }<br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>   source[eval(-1 + eval(ioffset + ioth))] = context.createBufferSource(); <br>   source[eval(-1 + eval(ioffset + ioth))].buffer = sb[eval(-1 + ioth)];  <br>   source[eval(-1 + eval(ioffset + ioth))].connect(context.destination); <br>  } else {<br>   eval("source" + eval(ioffset + 1) + " = context.createBufferSource(); source" + eval(ioffset + 1) + ".buffer = sb[" + eval(-1 + eval(eval(whichs) % four)) + "];  source" + eval(ioffset + 1) + ".connect(context.destination); ");<br>  }<br>  }<br>}<br><br>function fixthese() {<br>  for (iij=0; iij&lt;cmdfixes.length; iij++) {<br>    //alert(cmdfixes[iij]);<br>    eval(cmdfixes[iij]);<br>  }<br>  if (cmdfixes.length &gt; 0) { cmdfixes=[]; }<br>}<br><br><br>function finishedLoading(bufferList) {<br>  var ij=0;<br>  //alert(sb[0]);<br>  // Create two sources and play them both together.<br><br>  if (source_valid()) { //if (typeof source !== 'undefined') {<br>  for (var ij=0; ij&lt;eval(-1 + five); ij++) {<br>  source[ij] = context.createBufferSource();<br>  //source[0] = context.createBufferSource();<br>  //source[1] = context.createBufferSource();<br>  //source[2] = context.createBufferSource();<br>  //source[3] = context.createBufferSource();<br>  source[ij].buffer = bufferList[ij];<br>  sb.push(bufferList[ij]);<br>  if (five != 5) {<br>    cmdfixes.push(" document.getElementById('" + ('' + asb[ij]).replace('/','').replace('.','') + "').title='" + eval(1 + ij) + "'");<br>  }<br>  //source[0].buffer = bufferList[0];<br>  //sb.push(bufferList[0]);<br>  //source[1].buffer = bufferList[1];<br>  //sb.push(bufferList[1]);<br>  //source[2].buffer = bufferList[2];<br>  //sb.push(bufferList[2]);<br>  //source[3].buffer = bufferList[3];<br>  //sb.push(bufferList[3]);<br><br>  source[ij].connect(context.destination);<br>  //source[0].connect(context.destination);<br>  //source[1].connect(context.destination);<br>  //source[2].connect(context.destination);<br>  //source[3].connect(context.destination);<br>  }<br>  } else {<br>  source1 = context.createBufferSource();<br>  source2 = context.createBufferSource();<br>  source3 = context.createBufferSource();<br>  source4 = context.createBufferSource();<br>  source1.buffer = bufferList[0];<br>  sb.push(bufferList[0]);<br>  source2.buffer = bufferList[1];<br>  sb.push(bufferList[1]);<br>  source3.buffer = bufferList[2];<br>  sb.push(bufferList[2]);<br>  source4.buffer = bufferList[3];<br>  sb.push(bufferList[3]);<br><br>  source1.connect(context.destination);<br>  source2.connect(context.destination);<br>  source3.connect(context.destination);<br>  source4.connect(context.destination);<br>  //if (vo) { gvo=vo; setTimeout(andthen, 500); }<br>  //source1.start(0);<br>  //source2.start(0);<br>  //source3.start(0);<br>  //source4.start(0);<br>  }<br>  setTimeout(fixthese,1200);<br>}<br><br>function getideas() {<br>   if (parent.document.getElementById('url1')) {<br>   document.getElementById('b1').value=parent.document.getElementById('url1').value;<br>   } else {<br>   document.getElementById('b1').value=(location.search.split('url1=')[1] ? (decodeURIComponent(location.search.split('url1=')[1]).split('&')[0]) : document.getElementById('b1').value);<br>   }<br>   if (parent.document.getElementById('url2')) {<br>   document.getElementById('b2').value=parent.document.getElementById('url2').value;<br>   } else {<br>   document.getElementById('b2').value=(location.search.split('url2=')[1] ? (decodeURIComponent(location.search.split('url2=')[1]).split('&')[0]) : document.getElementById('b2').value);<br>   }<br>   if (parent.document.getElementById('url3')) {<br>   document.getElementById('b3').value=parent.document.getElementById('url3').value;<br>   } else {<br>   document.getElementById('b3').value=(location.search.split('url3=')[1] ? (decodeURIComponent(location.search.split('url3=')[1]).split('&')[0]) : document.getElementById('b3').value);<br>   }<br>   if (parent.document.getElementById('url4')) {<br>   document.getElementById('b4').value=parent.document.getElementById('url4').value;<br>   } else {<br>   document.getElementById('b4').value=(location.search.split('url4=')[1] ? (decodeURIComponent(location.search.split('url4=')[1]).split('&')[0]) : document.getElementById('b4').value);<br>   }<br>   if (parent.document.getElementById('url1')) {<br>   document.getElementById('xb1').value=parent.document.getElementById('url1').value;<br>   } else {<br>   document.getElementById('xb1').value=(location.search.split('url1=')[1] ? (decodeURIComponent(location.search.split('url1=')[1]).split('&')[0]) : document.getElementById('xb1').value);<br>   }<br>   if (parent.document.getElementById('url2')) {<br>   document.getElementById('xb2').value=parent.document.getElementById('url2').value;<br>   } else {<br>   document.getElementById('xb2').value=(location.search.split('url2=')[1] ? (decodeURIComponent(location.search.split('url2=')[1]).split('&')[0]) : document.getElementById('xb2').value);<br>   }<br>   if (parent.document.getElementById('url3')) {<br>   document.getElementById('xb3').value=parent.document.getElementById('url3').value;<br>   } else {<br>   document.getElementById('xb3').value=(location.search.split('url3=')[1] ? (decodeURIComponent(location.search.split('url3=')[1]).split('&')[0]) : document.getElementById('xb3').value);<br>   }<br>   if (parent.document.getElementById('url4')) {<br>   document.getElementById('xb4').value=parent.document.getElementById('url4').value;<br>   } else {<br>   document.getElementById('xb4').value=(location.search.split('url4=')[1] ? (decodeURIComponent(location.search.split('url4=')[1]).split('&')[0]) : document.getElementById('xb4').value);<br>   }<br>   <br>   if (parent.document.getElementById('urlv1')) {<br>   document.getElementById('ivideo').src=parent.document.getElementById('urlv1').value;<br>   } else {<br>   document.getElementById('ivideo').src=(location.search.split('urlv1=')[1] ? (decodeURIComponent(location.search.split('urlv1=')[1]).split('&')[0]) : document.getElementById('ivideo').src);<br>   }<br>   <br>   if (parent.document.getElementById('wording1')) {<br>   document.getElementById('b1').innerHTML=parent.document.getElementById('wording1').value;<br>   } else {<br>   document.getElementById('b1').innerHTML=(location.search.split('wording1=')[1] ? (decodeURIComponent(location.search.split('wording1=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('b1').innerHTML);<br>   }<br>   if (parent.document.getElementById('wording2')) {<br>   document.getElementById('b2').innerHTML=parent.document.getElementById('wording2').value;<br>   } else {<br>   document.getElementById('b2').innerHTML=(location.search.split('wording2=')[1] ? (decodeURIComponent(location.search.split('wording2=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('b2').innerHTML);<br>   }<br>   if (parent.document.getElementById('wording3')) {<br>   document.getElementById('b3').innerHTML=parent.document.getElementById('wording3').value;<br>   } else {<br>   document.getElementById('b3').innerHTML=(location.search.split('wording3=')[1] ? (decodeURIComponent(location.search.split('wording3=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('b3').innerHTML);<br>   }<br>   if (parent.document.getElementById('wording4')) {<br>   document.getElementById('b4').innerHTML=parent.document.getElementById('wording4').value;<br>   } else {<br>   document.getElementById('b4').innerHTML=(location.search.split('wording4=')[1] ? (decodeURIComponent(location.search.split('wording4=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('b4').innerHTML);<br>   }<br>   if (parent.document.getElementById('wording1')) {<br>   document.getElementById('xb1').innerHTML='+' + parent.document.getElementById('wording1').value;<br>   } else {<br>   document.getElementById('xb1').innerHTML=(location.search.split('wording1=')[1] ? ('+' + decodeURIComponent(location.search.split('wording1=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('xb1').innerHTML);<br>   }<br>   if (parent.document.getElementById('wording2')) {<br>   document.getElementById('xb2').innerHTML='+' + parent.document.getElementById('wording2').value;<br>   } else {<br>   document.getElementById('xb2').innerHTML=(location.search.split('wording2=')[1] ? ('+' + decodeURIComponent(location.search.split('wording2=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('xb2').innerHTML);<br>   }<br>   if (parent.document.getElementById('wording3')) {<br>   document.getElementById('xb3').innerHTML='+' + parent.document.getElementById('wording3').value;<br>   } else {<br>   document.getElementById('xb3').innerHTML=(location.search.split('wording3=')[1] ? ('+' + decodeURIComponent(location.search.split('wording3=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('xb3').innerHTML);<br>   }<br>   if (parent.document.getElementById('wording4')) {<br>   document.getElementById('xb4').innerHTML='+' + parent.document.getElementById('wording4').value;<br>   } else {<br>   document.getElementById('xb4').innerHTML=(location.search.split('wording4=')[1] ? ('+' + decodeURIComponent(location.search.split('wording4=')[1]).split('&')[0].replace(/\+/g,' ')) : document.getElementById('xb4').innerHTML);<br>   }<br>   <br>   if ((location.search.split('notoka=')[1] ? (" " + decodeURIComponent(location.search.split('notoka=')[1]).split('&')[0]) : "").length &gt; 0) {<br>     document.getElementById('dih').innerHTML+="&lt;input type=hidden name=notoka value='" + notoka.trim() + "'&gt;&lt;/input&gt;";<br>   }<br><br>   dvih=document.getElementById('dvideo').innerHTML;<br>   <br>   var iss=document.getElementsByTagName('input');<br>   for (var iu=0; iu&lt;iss.length; iu++) {<br>     if (('' + iss[iu].className).indexOf('urlv1') != -1) { wonev=iss[iu]; }<br>   }<br>   <br>   <br>   document.getElementById('dform').innerHTML=document.getElementById('waform').innerHTML.replace(/\ data\-id=/g, ' id=').replace(/\ onblur=/g, ' data-onblur=');<br><br>   woneo=document.getElementById(wone);<br><br>var input = document.getElementById('caudio'); // .querySelector('input[type=file]'); // .getElementById('cimage'); // see Example 4<br><br>var vinput = document.getElementById('cvideo'); // .querySelector('input[type=file]'); // .getElementById('cimage'); // see Example 4<br>    <br> if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {   <br>    <br>    //alert(65);<br>  document.querySelector('.readABytesButtons').addEventListener('click', function(evt) {<br>    if (evt.target.tagName.toLowerCase() == 'button') {<br>      var startByte = evt.target.getAttribute('data-startbyte');<br>      var endByte = evt.target.getAttribute('data-endbyte');<br>      readABlob(startByte, endByte);<br>    }<br>  }, false);<br>    //alert(165);<br>    <br>  document.querySelector('.readVBytesButtons').addEventListener('click', function(evt) {<br>    if (evt.target.tagName.toLowerCase() == 'button') {<br>      var startByte = evt.target.getAttribute('data-startbyte');<br>      var endByte = evt.target.getAttribute('data-endbyte');<br>      readVBlob(startByte, endByte);<br>    }<br>  }, false);<br>    //alert(265);<br>  <br>  input.addEventListener('change', function () {<br>   document.getElementById("abut").click();<br>  });<br>    //alert(365);<br>  <br>  vinput.addEventListener('change', function () {<br>   //alert(445);<br>   document.getElementById("vbut").click();<br>  });<br>   // alert(565);<br>   <br>  input.addEventListener('click', function () {<br>   preido(document.getElementById("abut")); //.click();<br>  });<br>    //alert(665);<br>  <br>  vinput.addEventListener('click', function () {<br>   //alert(745);<br>   prevdo(document.getElementById("vbut")); //.click();<br>  });<br>  <br>  //alert(56);<br> <br>  <br>} else {<br><br>input.addEventListener('change', function () {<br>  if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert('Ready?'); }<br>  var file = input.files; //[0];<br>  //cfile = file;<br>  <br>  done=false;<br>  for (var ii=0; ii&lt;file.length; ii++) {<br>  <br>  if (kk == 0) {<br>    fnames=[""];<br>    fnames[0]=file[ii].name;<br>  } else if (ii &gt;= fnames.length) {<br>    fnames.push(file[ii].name);<br>  } else {<br>    fnames[ii]=file[ii].name;<br>  }<br>  <br> ourmimetype="";<br> for (var ji=0; ji&lt;exts.length; ji++) {<br>      if (("." + file[ii].name.split('.')[eval(-1 + file[ii].name.split('.').length)]).toLowerCase() == exts[ji].toLowerCase()) {<br>        ourmimetype=types[ji].replace('video/','audio/');<br>      }<br> }<br><br>  //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {  alert('Ready?');  }<br>  if (ourmimetype.indexOf('audio') != -1 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { browseForAudio(file[ii]); }<br>  kk++;<br>  }<br>});<br><br>vinput.addEventListener('change', function () {<br><br>  if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert('Ready?'); }<br><br>  //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert(1); }<br>  var vfile = vinput.files; //[0];<br>  //cfile = vfile;<br>  <br>  //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert(2); }<br>  <br>  done=false;<br>  for (var ii=0; ii&lt;vfile.length; ii++) {<br>  <br>  //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert(ii); }<br>  if (kk == 0) {<br>    fnames=[""];<br>    fnames[0]=vfile[ii].name;<br>  } else if (ii &gt;= fnames.length) {<br>    fnames.push(vfile[ii].name);<br>  } else {<br>    fnames[ii]=vfile[ii].name;<br>  }<br>  <br> ourmimetype="";<br> for (var ji=0; ji&lt;exts.length; ji++) {<br>      if (("." + vfile[ii].name.split('.')[eval(-1 + vfile[ii].name.split('.').length)]).toLowerCase() == exts[ji].toLowerCase()) {<br>        ourmimetype=types[ji];<br>      }<br> }<br><br>  if (ourmimetype.indexOf('video') != -1 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { browseForVideo(vfile[ii]); }<br>  kk++;<br>  }<br>});<br>    <br>}    <br>   <br>   var dgis=(location.search.split('durationget=')[1] ? (decodeURIComponent(location.search.split('durationget=')[1]).split('&')[0].replace(/\+/g,' ')) : '');<br>   if (dgis == "" && parent.document.getElementById('durationget')) {<br>      document.getElementById('duration1').value=parent.document.getElementById('durationget').value;<br>      //alert('hereAt ' + document.getElementById('duration1').value);<br>      if (document.getElementById('duration1').value != '') {<br>      if (parent.document.getElementById('duration1')) {  parent.document.getElementById('duration1').value=document.getElementById('duration1').value;   }<br>      predura(document.getElementById('duration1').value,document.getElementById('duration1'));<br>      }<br>   } else {<br>      document.getElementById('duration1').value=(location.search.split('durationget=')[1] ? (decodeURIComponent(location.search.split('durationget=')[1]).split('&')[0].replace(/\+/g,' ')) : '');<br>      if (document.getElementById('duration1').value != '') {<br>      if (parent.document.getElementById('duration1')) {  parent.document.getElementById('duration1').value=document.getElementById('duration1').value;   }<br>      //alert('hereat ' + document.getElementById('duration1').value);<br>      predura(document.getElementById('duration1').value,document.getElementById('duration1'));<br>      }<br>   }<br>   <br>   atonl=false;<br><br>}<br><br>function takealook(fo) {<br>  var noneed=true;<br>  var htmlis='';<br>  var nsuffix='';<br>  if (document.getElementById('url1').value.length &gt; 500) { noneed=false; }<br>  if (document.getElementById('url2').value.length &gt; 500) { noneed=false; }<br>  if (document.getElementById('url3').value.length &gt; 500) { noneed=false; }<br>  if (document.getElementById('url4').value.length &gt; 500) { noneed=false; }<br>  if (document.getElementById('durationget').value.length &gt; 0) { nsuffix='&notoka=secret'; noneed=false; } else { isrc=' src='; }<br>  if (source_valid()) {<br>    if (noneed) { return true; }<br>    if (isrc == ' srcdoc=') {<br>    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>    document.getElementById('huhb').style.display='inline-block';<br>    document.getElementById('diframe').innerHTML="&lt;iframe id=myi style='opacity:1.0;position:absolute;top:0px;left:0px;z-index:-" + eval(1 + eval('0' + zi)) + ";width:100%;height:100vh;' srcdoc=&gt;&lt;/iframe&gt;";<br>    } else {<br>    document.getElementById('diframe').innerHTML="&lt;iframe id=myi style='opacity:1.0;position:absolute;top:0px;left:0px;z-index:-" + eval(1 + eval('0' + zi)) + ";width:100%;height:100vh;' srcdoc=&gt;&lt;/iframe&gt;";<br>    }<br>    if (documentURL.indexOf('#') == -1) { document.getElementById('divbody').style.opacity='1.0'; }<br>    document.getElementById('myi').srcdoc='&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;' + document.head.innerHTML.replace(/document\.URL/g,"'" + documentURL.split('#')[0].split('?')[0] + "?zi=" + eval(1 + eval('0' + zi)) + nsuffix + "&notoka=" + encodeURIComponent(notoka.trim()) + "'").replace(/\'0\.2\'/g,"'1.0'") + '&lt;/head&gt;&lt;body&gt;' + document.body.innerHTML.replace(/document\.URL/g,"'" + documentURL.split('#')[0].split('?')[0] + "?zi=" + eval(1 + eval('0' + zi)) + nsuffix + "&notoka=" + encodeURIComponent(notoka.trim()) + "'").replace(/\'0\.2\'/g,"'1.0'") + '&lt;/body&gt;&lt;/html&gt;';<br>    } else {<br>    if (documentURL.indexOf('#') == -1) { document.getElementById('divbody').style.opacity='0.2'; }<br>    document.getElementById('diframe').innerHTML="&lt;iframe style='position:absolute;top:0px;left:0px;z-index:" + eval(1 + eval('0' + zi)) + ";width:100%;height:100vh;' src='" + documentURL.split('#')[0].split('?')[0] + "?zi=" + eval(1 + eval('0' + zi)) + nsuffix + "'&gt;&lt;/iframe&gt;";<br>    }<br>  } else {<br>    if (notoka.trim().toLowerCase() == 'secret') { noneed=false; } <br>    if (noneed) { return true; }<br>    if (isrc == ' srcdoc=') {<br>    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>    document.getElementById('huhb').style.display='inline-block';<br>    document.getElementById('diframe').innerHTML="&lt;iframe id=myi style='opacity:1.0;position:absolute;top:0px;left:0px;z-index:-" + eval(1 + eval('0' + zi)) + ";width:100%;height:100vh;' srcdoc=&gt;&lt;/iframe&gt;";<br>    } else {<br>    document.getElementById('diframe').innerHTML="&lt;iframe id=myi style='opacity:1.0;position:absolute;top:0px;left:0px;z-index:-" + eval(1 + eval('0' + zi)) + ";width:100%;height:100vh;' srcdoc=&gt;&lt;/iframe&gt;";<br>    }<br>    if (documentURL.indexOf('#') == -1) { document.getElementById('divbody').style.opacity='1.0'; }<br>    document.getElementById('myi').srcdoc='&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;' + document.head.innerHTML.replace(/document\.URL/g,"'" + documentURL.split('#')[0].split('?')[0] + "?zi=" + eval(1 + eval('0' + zi)) + "&notoka=" + encodeURIComponent(notoka.trim()) + "'").replace(/\'0\.2\'/g,"'1.0'") + '&lt;/head&gt;&lt;body&gt;' + document.body.innerHTML.replace(/document\.URL/g,"'" + documentURL.split('#')[0].split('?')[0] + "?zi=" + eval(1 + eval('0' + zi)) + "&notoka=" + encodeURIComponent(notoka.trim()) + "'").replace(/\'0\.2\'/g,"'1.0'") + '&lt;/body&gt;&lt;/html&gt;';<br>    } else {<br>    if (documentURL.indexOf('#') == -1) { document.getElementById('divbody').style.opacity='0.2'; }<br>    document.getElementById('diframe').innerHTML="&lt;iframe style='position:absolute;top:0px;left:0px;z-index:" + eval(1 + eval('0' + zi)) + ";width:100%;height:100vh;' src='" + documentURL.split('#')[0].split('?')[0] + "?zi=" + eval(1 + eval('0' + zi)) + "&notoka=" + encodeURIComponent(notoka.trim()) + "'&gt;&lt;/iframe&gt;";<br>    }<br>  }<br>  return false;<br>}<br>    <br>function browseForAudio(file) {<br>  var reader = new FileReader();<br><br>  reader.onloadend = function (e) {<br>      if (e.target.readyState == FileReader.DONE) { // DONE == 2<br>    document.getElementById(wone).value=e.target.result;<br>    woneo.value=e.target.result;<br>      }<br>  };<br><br>  reader.readAsDataURL(file);<br>}<br>    <br>function browseForVideo(file) {<br>  var reader = new FileReader();<br><br>  reader.onloadend = function (e) {<br>      if (e.target.readyState == FileReader.DONE) { // DONE == 2<br>    document.getElementById(wonev).value=e.target.result;<br>    woneov.value=e.target.result;<br>      }<br>  };<br><br>  reader.readAsDataURL(file);<br>}<br><br><br>   function prevdo(ith) {<br>   ith.value=null;<br>   //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { if (1 == 11) { document.getElementById("vbut").style.display='inline-block'; } else { setTimeout(vdo,1200); } }<br>   }<br><br><br>  function readABlob(opt_startByte, opt_stopByte) {<br><br>    var files = document.getElementById('caudio').files;<br>    if (!files.length) {<br>      alert('Please select a file!');<br>      return;<br>    }<br><br>    mfile = files[0];<br>    filen = mfile.name;<br>    var start = parseInt(opt_startByte) || 0;<br>    var stop = parseInt(opt_stopByte) || mfile.size - 1;<br><br>    var reader = new FileReader();<br><br>    // If we use onloadend, we need to check the readyState.<br>    reader.onloadend = function(e) {<br>      if (e.target.readyState == FileReader.DONE) { // DONE == 2<br>      //alert(e.target.result);<br>    document.getElementById(wone).value=e.target.result;<br>    woneo.value=e.target.result;<br>      }<br>    };<br><br>    var blob = mfile.slice(start, stop + 1);<br>    reader.readAsDataURL(mfile); //blob);<br>  }<br><br>  function readVBlob(opt_startByte, opt_stopByte) {<br><br>    var files = document.getElementById('cvideo').files;<br>    if (!files.length) {<br>      alert('Please select a file!');<br>      return;<br>    }<br><br>    mfile = files[0];<br>    filen = mfile.name;<br>    var start = parseInt(opt_startByte) || 0;<br>    var stop = parseInt(opt_stopByte) || mfile.size - 1;<br><br>    var reader = new FileReader();<br><br>    // If we use onloadend, we need to check the readyState.<br>    reader.onloadend = function(e) {<br>      if (e.target.readyState == FileReader.DONE) { // DONE == 2<br>    document.getElementById(wonev).value=e.target.result;<br>    woneov.value=e.target.result;<br>      }<br>    };<br><br>    var blob = mfile.slice(start, stop + 1);<br>    reader.readAsDataURL(mfile); //blob);<br>  }<br>  <br>  function isv(inid, inido) {<br>      wonev='urlv1';<br>      woneov=inido;<br>      document.getElementById('caudio').style.display='none';<br>      document.getElementById('cvideo').style.display='inline-block';<br>      return inid;<br>  }<br>  <br>  function vora(inid, inido) {<br>    woneo=inido;<br>    if (inid.indexOf('v') != -1) { // video<br>      document.getElementById('caudio').style.display='none';<br>      document.getElementById('cvideo').style.display='inline-block';<br>    } else{ // audio<br>      document.getElementById('cvideo').style.display='none';<br>      document.getElementById('caudio').style.display='inline-block';<br>    }<br>    return inid;<br>  }<br><br><br>&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;div id=divbody&gt;<br>&lt;h1&gt;HTML5 Web Audio API Usage &lt;input id=startingat type=number value='' min=0 step=1 placeholder="Starting at [0] seconds"&gt;&lt;/input&gt; &lt;input id=startingin type=number value='' min=0 step=1 placeholder="Starting in [0] seconds"&gt;&lt;/input&gt;&lt;/h1&gt;<br>&lt;h3&gt;&lt;button style='display:inline-block;background-color:red;' id=huhb ontouchstart="this.innerHTML=''; init();"&gt;Click Starts&lt;/button&gt; RJM Programming - June, 2019 &lt;font size=1&gt;- Thanks to &lt;a target=_blank href='https://www.html5rocks.com/en/tutorials/webaudio/intro/' title='Getting Started with Web Audio API'&gt;Getting Started with Web Audio API&lt;/a&gt;&lt;/font&gt;&lt;/h3&gt;<br>&lt;table border=1 style='width:100%;'&gt;&lt;tr style='background-color:#f7f0f0;'&gt;&lt;td&gt;&lt;button id=b1 onclick="macbetha1s1(document.getElementById('ivideo'), this);"&gt;Macbeth Act 1 Scene 1&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;&lt;button id=b2 onclick="if (gvo) { andnotthen(); } other(2, this); "&gt;1 to 59&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;&lt;button id=b3 onclick="if (gvo) { andnotthen(); } other(3, this); "&gt;AM PM&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;&lt;button id=b4 onclick="if (gvo) { andnotthen(); } other(4, this); "&gt;Past Quarter To&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;Loop: &lt;input type=checkbox id=loop1&gt;&lt;/input&gt;&lt;/td&gt;<br>&lt;td&gt;Duration: &lt;input onblur='predura(this.value,this);' type=text id=duration1 value='' title='Seconds ... optionally follow by ; sets of ButtonNumber1to4:StartingAt=[0]:StartingIn=[0]:Loop=[false]:Duration=[0]' placeholder='Seconds ... optionally follow by ; sets of ButtonNumber1to4:StartingAt=[0]:StartingIn=[0]:Loop=[false]:Duration=[0]'&gt;&lt;/input&gt;&lt;/td&gt;<br>&lt;/tr&gt;&lt;tr style='background-color:#f0f7f0;'&gt;&lt;td&gt;&lt;button id=xb1 onclick="nostop=true; macbetha1s1(document.getElementById('ivideo'), this);"&gt;+Macbeth Act 1 Scene 1&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;&lt;button id=xb2 onclick="nostop=true; if (gvo) { andnotthen(); } other(2, this); "&gt;+1 to 59&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;&lt;button id=xb3 onclick="nostop=true; if (gvo) { andnotthen(); } other(3, this); "&gt;+AM PM&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;&lt;button id=xb4 onclick="nostop=true; if (gvo) { andnotthen(); } other(4, this); "&gt;+Past Quarter To&lt;/button&gt;&lt;/td&gt;<br>&lt;td&gt;Loop: &lt;input type=checkbox id=loop2&gt;&lt;/input&gt;&lt;/td&gt;<br>&lt;td&gt;Duration: &lt;input onblur='predura(this.value,this);' type=text id=duration2 value='' title='Seconds ... optionally follow by ; sets of ButtonNumber1to4:StartingAt=[0]:StartingIn=[0]:Loop=[false]:Duration=[0]' placeholder='Seconds ... optionally follow by ; sets of ButtonNumber1to4:StartingAt=[0]:StartingIn=[0]:Loop=[false]:Duration=[0]'&gt;&lt;/input&gt;&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;tr style='background-color:#f0f0f7;'&gt;<br>&lt;td colspan=6&gt;&lt;details style=width:100%;&gt;&lt;summary&gt;Audio Content ...&lt;/summary&gt;<br>&lt;form id=waform onsubmit='return takealook(this);' action=./web_audio.htm method=GET&gt;<br>&lt;br&gt;&lt;input data-id=wording1 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=wording1 title='Button Wording 1' value='Macbeth Act 1 Scene 1'&gt;&lt;/input&gt;&nbsp;&lt;input onclick="wone=vora(this.getAttribute('data-id'),this);" data-id=url1 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=url1 title='Audio URL 1' value='../PHP/macbetha1s1.m4a'&gt;&lt;/input&gt; synchronizes with &nbsp;&lt;input onclick="wonev=isv('urlv1',this);" data-id=urlv1 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text class=urlv1 name=urlv1 title='Video URL 1' value='../PHP/macbetha1s1.m4v'&gt;&lt;/input&gt;&lt;br&gt;<br>&lt;input data-id=wording2 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=wording2 title='Button Wording 2' value='1 to 59'&gt;&lt;/input&gt;&nbsp;&lt;input onclick="wone=vora(this.getAttribute('data-id'),this);" data-id=url2 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=url2 title='Audio URL 2' value='./one_to_fiftynine.m4a'&gt;&lt;/input&gt;&lt;br&gt;<br>&lt;input data-id=wording3 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=wording3 title='Button Wording 3' value='AM PM'&gt;&lt;/input&gt;&nbsp;&lt;input onclick="wone=vora(this.getAttribute('data-id'),this);" data-id=url3 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=url3 title='Audio URL 3' value='./am_pm.m4a'&gt;&lt;/input&gt;&lt;br&gt;<br>&lt;input data-id=wording4 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=wording4 title='Button Wording 4' value='Past Quarter To'&gt;&lt;/input&gt;&nbsp;&lt;input onclick="wone=vora(this.getAttribute('data-id'),this);" data-id=url4 onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" style='display:inline-block;background-color:#f0f0f0;' type=text name=url4 title='Audio URL 4' value='./past_quarterto.m4a'&gt;&lt;/input&gt;&lt;br&gt;<br>Duration:&nbsp;&lt;input style='width:90%;' data-id=durationget onblur="document.getElementById(this.getAttribute('data-id')).value=this.value;" type=text name=durationget value='' title='Seconds for first button else specify a set as per ... optionally follow by ; sets of Button1to4:StartAt=[0]:StartIn=[0]:Loop=[false]:Duration=[0] ... optionally applies at load' placeholder='Seconds for first button else specify a set as per ... optionally follow by ; sets of Button1to4:StartAt=[0]:StartIn=[0]:Loop=[false]:Duration=[0] ... optionally applies at load'&gt;&lt;/input&gt;<br>&lt;div id=dih&gt;&lt;/div&gt;&lt;input type=submit value='Web Audio Run' style='background-color:orange;display:inline-block;'&gt;&lt;/input&gt;&nbsp;&nbsp;Audio:&nbsp;&lt;input title='First click relevant righthand side audio field above, then reclick this button' onclick=prevdo(this); style=display:inline-block; type=file id=caudio accept=audio/* multiple&gt;&lt;span class=readABytesButtons&gt;&lt;button style=display:none; data-startbyte=0 data-endbyte=4&gt;1-5&lt;/button&gt;&lt;button style=display:none; data-startbyte=5 data-endbyte=14&gt;6-15&lt;/button&gt;&lt;button style=display:none; data-startbyte=6 data-endbyte=7&gt;7-8&lt;/button&gt;&lt;button id=abut style=background-color:pink;display:none;&gt;Audio Process&lt;/button&gt;&lt;/span&gt;&lt;/div&gt;&nbsp;Video:&nbsp;&lt;input title='First click the one relevant righthand side video field above, then reclick this button' onclick=prevdo(this); style=display:inline-block; type=file id=cvideo accept=video/* multiple&gt;&lt;span class=readVBytesButtons&gt;&lt;button style=display:none; data-startbyte=0 data-endbyte=4&gt;1-5&lt;/button&gt;&lt;button style=display:none; data-startbyte=5 data-endbyte=14&gt;6-15&lt;/button&gt;&lt;button style=display:none; data-startbyte=6 data-endbyte=7&gt;7-8&lt;/button&gt;&lt;button id=vbut style=background-color:pink;display:none;&gt;Video Process&lt;/button&gt;&lt;/span&gt;&lt;/div&gt;&lt;/form&gt;<br>&lt;/details&gt;&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;/table&gt;&lt;br&gt;<br>&lt;input type=text id=duration style='position:absolute;top:-200px;left:-200px;' value=''&gt;&lt;/input&gt;<br>&lt;div id=dvideo&gt;&lt;video id=ivideo src="../PHP/macbetha1s1.m4v" controls&gt;&lt;/video&gt;&lt;/div&gt;<br>&lt;div id=dform style='display:none;'&gt;&lt;/div&gt;<br>&lt;div style='display:none;' id="byte_range"&gt;&lt;/div&gt;<br>&lt;div style='display:none;' id="byte_content"&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;div id=diframe&gt;&lt;/div&gt;<br>&lt;div id=dpiano&gt;&lt;/div&gt;<br>&lt;script type='text/javascript'&gt;<br>if ((location.search.split('vscaseyrule=')[1] ? (' ' + decodeURIComponent(location.search.split('vscaseyrule=')[1]).split('&')[0]) : '') != '') { //navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>  var hish='&lt;div class=parent id=dchoose style="font-size:26px;position:absolute;top:0px;left:0px;z-index:2001;display:inline-block;background-color:transparent;"&gt;&lt;input class=child placeholder="CaseyRule" title="versus Audio Web" style="position:absolute;top:0px;left:0px;z-index:2001;display:inline-block;background-color:transparent;" name=dlhuhb id=dlhuhb onchange="' + "actedupon=true; this.visibility='visible'; parent.document.getElementById('conduit').value=' '; parent.document.getElementById('cmdconduit').value=' '; document.getElementById('dchoose').innerHTML='Web Audio'; " + '" onclick="actedupon=true; parent.document.getElementById("' + "conduit" + '").value=String.fromCharCode(32); parent.document.getElementById("' + "cmdconduit" + '").value=String.fromCharCode(32);  setTimeout(init,1500);" onblur="actedupon=true; parent.document.getElementById("' + "conduit" + '").value=String.fromCharCode(32); parent.document.getElementById("' + "cmdconduit" + '").value=String.fromCharCode(32); this.value=' + "'Web Audio';"  + ' setTimeout(init,1800);" ontouchstart=" parent.document.getElementById("' + "conduit" + '").value=String.fromCharCode(32); parent.document.getElementById("' + "cmdconduit" + '").value=String.fromCharCode(32); setTimeout(init,500);" list="modes" name="modes"&gt;&lt;datalist id="modes"&gt;&lt;option value="CaseyRule"&gt;&lt;option value="Audio Web"&gt;&lt;/datalist&gt;&nbsp;&lt;div id=ddchoose style=display:inline-block;&gt;&lt;/div&gt;&lt;/div&gt;';<br>  if (1 == 1 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>    hish='&lt;div class=parent id=dchoose style="font-weight:bold;font-size:24px;position:absolute;top:0px;left:0px;z-index:2001;display:inline-block;background-color:transparent;"&gt;CaseyRule versus &lt;button style=font-size:22px;display:inline-block;background-color:yellow; id=dlhuhb onmousedown="' + "actedupon=true; parent.document.getElementById('conduit').value=' '; parent.document.getElementById('cmdconduit').value=' ';  this.innerHTML=''; setTimeout(init,1500);" + '" ontouchstart="' + "actedupon=true; parent.document.getElementById('conduit').value=' '; parent.document.getElementById('cmdconduit').value=' ';  init();" + '"&gt;Web Audio&lt;/button&gt;&nbsp;&lt;div id=ddchoose style=display:inline-block;&gt;&lt;/div&gt;&lt;/div&gt;';<br>  }<br>  document.write(hish);<br>} else if ((location.search.split('vsmudcube=')[1] ? (' ' + decodeURIComponent(location.search.split('vsmudcube=')[1]).split('&')[0]) : '') != '') { //navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>  var hish='&lt;div class=parent id=dchoose style="font-size:26px;position:absolute;top:0px;left:0px;z-index:2001;display:inline-block;background-color:transparent;"&gt;&lt;input class=child placeholder="Mudcube" title="vs Audio Web" style="position:absolute;top:0px;left:0px;z-index:2001;display:inline-block;background-color:transparent;" name=dlhuhb id=dlhuhb onchange="' + "actedupon=true; this.visibility='visible'; parent.document.getElementById('conduit').value=' '; parent.document.getElementById('cmdconduit').value=' '; document.getElementById('dchoose').innerHTML='Web Audio'; " + '" onclick="actedupon=true; parent.document.getElementById("' + "conduit" + '").value=String.fromCharCode(32); parent.document.getElementById("' + "cmdconduit" + '").value=String.fromCharCode(32);  setTimeout(init,1500);" onblur="actedupon=true; parent.document.getElementById("' + "conduit" + '").value=String.fromCharCode(32); parent.document.getElementById("' + "cmdconduit" + '").value=String.fromCharCode(32); this.value=' + "'Web Audio';"  + ' setTimeout(init,1800);" ontouchstart=" parent.document.getElementById("' + "conduit" + '").value=String.fromCharCode(32); parent.document.getElementById("' + "cmdconduit" + '").value=String.fromCharCode(32); setTimeout(init,500);" list="modes" name="modes"&gt;&lt;datalist id="modes"&gt;&lt;option value="Mudcube"&gt;&lt;option value="Audio Web"&gt;&lt;/datalist&gt;&nbsp;&lt;div id=ddchoose style=display:inline-block;&gt;&lt;/div&gt;&lt;/div&gt;';<br>  if (1 == 1 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { <br>    hish='&lt;div class=parent id=dchoose style="font-weight:bold;font-size:24px;position:absolute;top:0px;left:0px;z-index:2001;display:inline-block;background-color:transparent;"&gt;Mudcube vs &lt;button style=font-size:22px;display:inline-block;background-color:yellow; id=dlhuhb onmousedown="' + "actedupon=true; parent.document.getElementById('conduit').value=' '; parent.document.getElementById('cmdconduit').value=' ';  this.innerHTML=''; decide(); setTimeout(init,1500);" + '" ontouchstart="' + "actedupon=true; parent.document.getElementById('conduit').value=' '; parent.document.getElementById('cmdconduit').value=' '; decide(); init();" + '"&gt;Web Audio&lt;/button&gt;&nbsp;&lt;div id=ddchoose style=display:inline-block;&gt;&lt;/div&gt;&lt;/div&gt;';<br>  }<br>  document.write(hish);<br>}<br>&lt;/script&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br><br>