Note that there are some explanatory texts on larger screens.

plurals
  1. POcanvas does not draw with audio tag using HTML5
    primarykey
    data
    text
    <p>my code was working fine and good. it calls javascript scripts on the html page which draws on the page and makes animations. now, what i have done now is to add the tag in order to play an audio clip automatically. the problem i have is that my animations stop drawing, but there is music playing in the background. </p> <p>below is the index.html that i use to run on. it is the only html file in the project.</p> <pre><code>&lt;!doctype html&gt; &lt;html class="no-js" lang="en" manifest="./main.manifest"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;title&gt; My Game &lt;/title&gt; &lt;meta name="description" content=""&gt; &lt;meta name="author" content="SweetPotatoes"&gt; &lt;meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width" /&gt; &lt;link rel="stylesheet" href="css/style.css"&gt; &lt;link rel="stylesheet" href="css/game.css"&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="container"&gt; &lt;canvas id="canvasSausage" display="block" &gt;&lt;/canvas&gt; &lt;/div&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script&gt; window.jQuery || document.write('&lt;script src="js/libs/jquery-1.6.2.min.js"&gt;&lt;\/script&gt;') &lt;/script&gt; &lt;!-- JavaScript at the bottom for fast page loading --&gt; &lt;script src="js/libs/modernizr-2.0.6.min.js"&gt;&lt;/script&gt; &lt;script src="js/libs/require.1.0.8.min.js"&gt;&lt;/script&gt; &lt;script src="js/libs/Draw.js"&gt;&lt;/script&gt; &lt;script src="js/libs/Smile.js"&gt;&lt;/script&gt; &lt;script src="js/libs/UpDpwn.js"&gt;&lt;/script&gt; &lt;script src="js/mylibs/SmellyCanvas/core/canvasMain.js"&gt;&lt;/script&gt; &lt;!-- scripts concatenated and minified via ant build script--&gt; &lt;script defer src="js/plugins.js"&gt;&lt;/script&gt; &lt;script defer src="js/script.js"&gt;&lt;/script&gt; &lt;!-- end scripts--&gt; &lt;script&gt; window._gaq = [['_setAccount', 'UAXXXXXXXX1'], ['_trackPageview'], ['_trackPageLoadTime']]; Modernizr.load({ load : ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' }); &lt;/script&gt; &lt;!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6. chromium.org/developers/how-tos/chrome-frame-getting-started --&gt; &lt;!--[if lt IE 7 ]&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"&gt;&lt;/script&gt; &lt;script&gt;window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})&lt;/script&gt; &lt;![endif]--&gt; &lt;audio autoplay="true"&gt; &lt;source src="sound/Heart.mp3"&gt;&lt;/source&gt; audio tag not supported. &lt;/audio&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>my main.manifest</p> <pre><code>CACHE MANIFEST # 2012-08-11 index.html sound/Heart.mp3 </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload