hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

audioまわりメモ スマホとかjsとか

スプライトとか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システム開発・スマホアプリ開発

スマホサイトでaudio、videoタグを使う時に気をつけること

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


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください