0

我正在尝试使用 JavaScript在HTML5中制作一个简单的应用程序。当您按下按钮时，它应该播放随机声音。

上传到网站时效果很好，但在我的智能手机上不起作用。

<!doctype html>
<html>
    <head>
        <script type="text/javascript" src="jquery.min.js"></script>
        <script>
            function playSounds() {
                var sounds = new Array(
                    "musik/shut the f**k up.mp3",
                    "musik/My gun's bigger than yours!.mp3"
                );
                var index = Math.floor(Math.random() * (sounds.length));
                $("#element").html("<embed src=\"" + sounds[index] + "\" hidden=\"true\" autostart=\"false\" />");
            }
        </script>
        <title></title>
        <meta charset="utf-8">
    </head>
    <body= "javascript:playSounds()">
        <button onClick="playSounds()">
            LAUGH</button>
        <div id="element">
        </div>
    </body>
</html>

我从一个站点复制了文件中的内容，jquery.min.js并将其直接在应用程序中链接到需要播放声音的主页。

来源在这里：

http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js

我尝试调试 JavaScript 代码，但似乎找不到问题所在。

我该如何解决这个问题？

4

1 回答 1

3

移动设备一般不支持<embed>。

您的使用<embed>表明您对“HTML5 应用程序”的理解不完全。这样的应用程序将使用<audio>并检查canPlayType("audio/mpeg")浏览器是否支持 MP3 播放。

于 2012-12-23T17:03:30.037 回答