audioのsrc属性をbase64で指定したときの挙動

iOS7以前ではbase64エンコードした.wavファイルを再生することができませんでした。
iOS8では再生可能になっています。

src属性に.wavファイルそのものを使用

HTML


<audio controls src="loop_140.wav"></audio>
		

src属性にData URIスキーマを使用

HTML


<audio controls src="data:audio/wav;base64,UklGRmTECgBXQVZFZm10IBAAAAABAAIA...(略)"></audio>
		

おまけ:.mp3ファイルをbase64エンコードしてsrc属性に指定した場合

HTML


<audio controls src="data:audio/mp3;base64,SUQzAwCAAAAQAFRQRTEAAAAZAAAAaGl0b3N...(略)"></audio>
		

音声はSenses Circuit様より。
.wav…『#24:Loop#140』 .mp3…『#08:祭りの始まり』

Wood-Roots.blogに戻る