音の鳴るブログ

鳴らないこともある

音の鳴る画像

1. こういう画像があります。

2. これをデスクトップなりに保存します。

3. このページを開きます(ChromeFirefox、できればChromeで)

音の鳴る画像

4. さっき保存した画像をドラッグ&ドロップします。

5. [Play] を押すと音が鳴ります。

 

Chromeだと自分で好きな画像と音声ファイルを使って音の鳴る画像を作ることもできて。アップロードしたり右クリックで保存したりできます。保存した画像はドラッグ&ドロップするとやっぱり聞けます。

 

やっていること

RGBの下位2ビット、計6ビットに1サンプル分の音声データを埋め込む。サンプリングレートは8000Hzで画像サイズが400x400なので20秒分 (160000/8000=20) の音が入る。

それを可逆圧縮なPNGで書き出すと音の鳴る画像のできあがり。