html5でvideoタグを使う

以下の様にタグを書く
<video poster="video_image.jpg" width="560" height="349" controls>
<source src="video.ogg">
<source src="video.mp4">
Your browser does not support the video element.
</video></p>

ffmpegでmp4をoggに変換する
$ ffmpeg -i video.mp4 -acodec libvorbis -ab 256k -vcodec libtheora -b 3200k -s 1280x720 video.ogg

スクリプトで一括して変換すれば楽だ。

html5でaudioタグを使う

以下の様にタグを書く
<audio src="audio.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

ffmpegでmp3をoggに変換する
$ ffmpeg -i audio.mp3 -acodec libvorbis -ab 128k audio.ogg

スクリプトで一括して変換すれば楽だ。