HTML5+JSで動くもの作って、iPhoneから楽しもうと思った。 音がしないと寂しいのでjPlayerで鳴らすことにした。(iPhoneでも音が鳴ることを確認) しかし、jPlayerの公式サイトでサンプルを見てもわからない。 JS, jQueryを知らないのだから当然。ということで今日1日、JS, jQueryを学んだ。 結果、再生できた!
HTML
<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> </script> <script type="text/javascript" src="js/jquery.jplayer.min.js"> </script> <script> $(document).ready(function() { $("#jpId").jPlayer( { ready: function () {this.element.jPlayer("setFile", "mp3/a.mp3"); this.element.jPlayer("play");} }); }); </script> </head> <body> <div id="jpId"></div> </body>
フォルダ構成
js/Jplayer.swf js/jquery.jplayer.min.js (これら2つはjplayer公式からDL) mp3/a.mp3 index.html (上記のHTMLを書く)
まずChromeで確認。すぐ再生された。
次にiPhone Safariで確認。鳴るときと鳴らないときがある。
リロードしたらすぐ鳴ることもあるし、鳴らないこともある。
この音は、マナーモードにしても消えないようだ。♪♪♪♪♪♪♪