スプライトとかiOS用のユーザーアクションをトリガーとした読み込みとかいろいろ
iOS における HTML5 の audio 要素に関する制約を克服する
https://www.ibm.com/developerworks/jp/web/library/wa-ioshtml5/
ちょっと仕様がセクシーで困る
・iPhoneのHTML5-Audioタグでは、同時に流せる音楽は1音のみ。
・BASIC認証に引っかかって再生できない(スマホのみ)
・Audio.muted(true/false)属性やAudio.volume(0.0~1.0)属性がiphoneでは、設定してもガン無視される
ざ・け・ん・な♡
というわけで私は
BASIC認証→社内IP素通り
消音設定無視→Audio自体を止める
ようにしますた。
iPhoneでのHTML5-Audioは面倒 – maachangの日記
http://d.hatena.ne.jp/maachang/20130115/1358179058
スマホサイトでaudio、videoタグを使う時に気をつけること | SRIA BLOG – 宮城県仙台市のWEBシステム開発・スマホアプリ開発
JS制御
読み込み
domに追加しなくてもよいみたい。
[javascript]
//audioの作成
var audio = new Audio(‘sound.mp3’);
//プリロード
var clickButton = function() {
audio.load();
};
//再生
var play = function() {
audio.play();
};
[/javascript]
止める stopじゃなくてpause
HTML5 Audio stop function – Stack Overflow
http://stackoverflow.com/questions/14834520/html5-audio-stop-function
再生中かどうか pausedというプロパティを確認する
javascript – HTML5 check if audio is playing? – Stack Overflow
http://stackoverflow.com/questions/9437228/html5-check-if-audio-is-playing
その他
FFBlog スマートフォン向けサイトで再生可能な音声ファイルと、audioタグでの注意点 | 株式会社KSK フレックス・ファームビジネスユニット
http://www.flexfirm.jp/blog/article/367
コメントを残す