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 @   sink_cup  阅读(10418)  评论(4编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
Creative Commons License

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

点击右上角即可分享
微信分享提示