yakisakeの日記スマートフォン用の表示で見るyakisakeの日記ITエンジニアの日記ですこの広告は、90日以上更新していないブログに表示しています。注意が必要な箇所があったのでメモ書き程度に残します。使うのはHTML5で追加されたauido、videoタグです。その名の通り、audioは音声ファイル、videoタグは動画ファイルをWebサイト上で再生するためのタグになります。以下に気をつけるべき注意点を書いていきます。自動ロードされない(video&audio)preloadとload属性は無視されます。PCではもちろん動作しますが、スマホでは無視です。これちゃんと意味があって、勝手にロードされたら課金されちゃうでしょ?っていう上での動きのようです。言われてみれば確かにそうですね。いつロードされるのか?jsで、ドキュメントロード後にaudio.load();とかやってもダメです。いつやればいいの?ってことなんですが、これはユーザアクションを受け取ったFunctionでしか出来ません。audio.load();});って感じ。ユーザ入力ありきでしかロードされません。なにかクリックとかの動作が必要ということです。いいえの選択肢を出して、「はい」を押したらロードするとか。自動再生されない(video&audio)これもロード同様に、autoplayとか効きません。ロード同様に、audio.play();するためにはなんらかの入力が必要になります。ロードからの自動再生は出来ました。canplay)をハンドルして、そこからplay()することでいけます。複数音源読み込みがOSにより不安定(audio)例えば、1画面でa.mp3とb.mp3というファイルを再生したい場合iOS6で動作が不安定になりました。音がロードされなかったり鳴らなかったり。時には遅延がひどかったり。指定するような形で各音を再生するような形にしました。1音源のみを読みこめば良いのでロード処理もシンプルになります。poster画像が表示されない(video)iOSだけですが、BASIC認証かけてたりするとposter属性の画像が表示されませんでした。blockしてたのですが、一部端末(Android)でloadが正常に開始されない現象ありました。displayによる非表示はせずに画像を重ねて見えないようにすることで対処しました。最後に思い出しながら書きましたが大きなところではこんなところかと思います。サイトで音がでるのはあまりないかなと思いますが、これから増えていくのかなーと思ってたりします。loadとplayにユーザアクションが必要というのはUIに関わってくるところでもあるので、ユーザさんが「スマホサイトで音鳴らしたい!」と言ったらそこを考慮しつつ設計するのがまず大事かと思います。対象のデバイスは10個ま...2014-03-02Appleサポートのお世話になってみた先日、持ち歩きMacBookProのAppleCareをオンラインで購入しまし...2013-08-05GP02とかをご利用のお客さまへついこないだこんな通知が来た。ご丁寧にDMまで自宅に届いた。(1)リンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!yakisakeさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。