HTML 5视频格式转换ogg webm

顺晟科技

2021-08-07 10:47:04

108

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>

上一篇：HTML5视频视频视频元素下一篇：推荐下：开源超酷猫白血病病毒播放器网

网站建设

Html

HTML 5视频格式转换ogg webm