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 アプリ」とは何かについての理解が不完全であることを示しています。このようなアプリは、ブラウザが MP3 再生をサポートしているかどうかを使用<audio>して確認します。canPlayType("audio/mpeg")

于 2012-12-23T17:03:30.037 に答える