HTML + mp3機能の簡単な実装

まず、ファイルの導入

導入mp3の静的/にファイルmp3のフォルダ

HTMLは、その後に導入されたmp3の、ここで導入されたときに、ファイル注意を払うを、HTMLフォームに埋め込まれたHTMLのjsで書かれた音楽レーベルを入れていませんが、HTMLの内部への直接書き込み

そのための内部参照するHTML番目thymeleafテンプレート使用するファイル：srcがインポートのみ静的思えることができ、ダイナミックを導入することはできません、私はまた、音楽再生の内側のhtmlの試運転に成功しました

  </ div> 
   <オーディオのid = 'audioplayが'目：SRC = '@ {/ mp3 / user_download。mp3 } '隠された= '真'/> 
   <埋め込む名= "embedPlay"目：SRC =' @ { mp3 / user_download。mp3 }」自動起動= "true"に隠された= "true"のループ= "偽"> </ EMBED> 
</ BODY>

このように、

その後、JSコードファイルとは、次のように遊びます

playSound関数= VAR（）{ 

        VAR borswer window.navigator.userAgent.toLowerCase =（）; 
        IF（borswer.indexOf（ "IE"）> = 0）
        { 
            //のIEブラウザカーネル
            VAR = document.embedPlayを埋め込む; 
            //ブラウザは、埋め込みプレーヤー使用して、AUDIONをサポートしていません
            embed.volume = 100; 
            embed.play（）; 
            SLEEP（3000）; 
        }他
        { 
            VAR =のdocument.getElementByIdオーディオ（ "audioplayがする"）; 
             //ブラウザがサポートしているオーディオ
            オーディオを。遊び（）; 
            SLEEP（3000）; 
        } 
    };

ここで注意を払う、などの直接呼び出し、3秒程度のコードに加えていくつかの睡眠、私の睡眠音楽ファイルが完成し再生します、

そうでない場合、それはオーバー直接ジャンプを再生する方法はありません。

機能スリープ（numberMillis）{ 
        VAR今=新しいDate（）; 
        VAR exitTime = now.getTime（）+ numberMillis。
        （真）{しばらく
            今=新しいDate（）; 
            （now.getTime（）> exitTime）であれば
                リターン。
        } 
    }

さて、ここでの音楽ファイルを再生するための簡単なコードがある、と私は幸せ少しの友達を学びたいです！

おすすめ