明日も楽をするために

めんどくさがりなITエンジニアが書くメモ帳

JavaScript

苦しんで覚えるHtml5Audioの世界

その昔スマホのWebブラウザで音声を再生する際に苦労したので、その時のメモを公開します(供養) onmousedown、onmouseup、onclick、ontouchstart、ontouchendが音声再生のトリガーになる(追記 touchstartだとトリガーにならないAndroidOS5~6が出現) iOS6:i…

PexJSで引数にURLではなくバイナリをセットして使用する方法

新年初投稿です。最近までGoogleのSwiffyを使ってswfをhtml5に変換して使っていたのですが developers.google.com 特定のバージョンから内部的にCanvasからWebGLに変更されたのか動かなくなってしまった古い端末が増えたため、別の方法を取り入れることにな…

html5 Audioタグ Videoタグ スマホ TIPS

複数のスマホ端末情報を取得する機会があったので、そこで分かったことを書きたいと思います。 ■Video ■Source Videoタグは、sourceとしてmp4、webm、oggと指定できますが、 調査した結果mp4を再生できないスマホ端末は存在しませんでした。かなり古い端末な…

スマホで使う<audio>タグの動作検証

html5からaudioタグが追加されましたが、スマホだとどういった風に動作するのか検証してみました。 <script> var audio = new Audio(); audio.src = "http://foo.mp3"; function play() { audio.load(); audio.play(); } </script> <a href="javascript:void(0)" onClick="play()">play</a> これが一番簡潔なコードで、PCだと特に…

Apache+nodejs+socket.ioを使ったリアルタイムWeb

普段のサーバーはApacheを使っているのですが、少し前にnodejsというサーバーからクライアントまでJavaScriptで書ける物がリリースされました。nodejsはV8エンジンというGoogleChromeで使われている高速なエンジンを使用していたり、またApacheのC10K問題を…

JavaScriptとDocType

始めに以下のソースを見てください <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <script type="text/javascript"> </meta></head></html>