HTML 5 video 格式转换 ogg webm

http://www.w3.org/TR/html5/video.html#the-source-element

html5 video编码工具:Avidemux、megui、XMedia Recode、ffmpeg、Miro Video Converter

html5 video视频调用软字幕:

http://www.mozilla.com/zh-CN/firefox/4.0b4/whatsnew/

http://www.annodex.net/~silvia/itext/elephant_with_skin.html

几种编码的视频:

mp4:Chrome、IE 9、IE with chrome frame

ogv:Chrome、Firefox

webm:Chrome、Firefox 4

制作webm

ffmpeg.exe -y -i "C:\Users\user1\Videos\169_ruse_announcement_trailer_mul_033109_hr.mp4" -f webm -vcodec libvpx -acodec libvorbis -vb 1600000 "C:\Users\user1\Videos\169_ruse_announcement_trailer_mul_033109_hr.webmvp8.webm"

制作ogv

ffmpeg2theora.exe -V 4000 -A 128 "C:\Users\user1\Videos\169_ruse_announcement_trailer_mul_033109_hr.mp4" -o "C:\Users\user1\Videos\169_ruse_announcement_trailer_mul_033109_hr.ogv"

合并ogv:

ffmpeg -i "D:\Users\user1\Videos\fraps\4.ogg" -i "D:\Users\user1\Videos\fraps\4.ogv" -acodec copy -vcodec copy "D:\Users\user1\Videos\fraps\4_mixed.ogg"

HTML代码:

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>test</title>
<meta charset="utf-8">
</head>
<body>
<video controls="controls" autoplay="autoplay">
<source src="http://movie.doubanxia.com/html5_video_demo.mp4" type="video/mp4">
</video>
<video controls="controls">
<source src="http://movie.doubanxia.com/html5_video_demo.ogv" type="video/ogg">
</video>
<video controls="controls">
<source src="http://movie.doubanxia.com/html5_video_demo.webm" type="video/webm">
</video>
</body>
</html>
posted @ 2010-06-23 19:46  sink_cup  阅读(10412)  评论(4编辑  收藏  举报
Creative Commons License

本站原创作品采用知识共享署名 3.0许可协议进行许可。