摘要：在浏览器中在线播放视频，是一些站点的基本需求。这也决定了，如果我们使用一些默认的转码工具，必然得不到编码的文件，也就注定了该文件无法在网页上正常的播放。其中，笔者已在系统下转码成功。
在浏览器中在线播放视频，是一些站点的基本需求。本文对方法进行总结。
找插件网上可用的插件有很多，有收费的，也有免费的。笔者实验了两个免费的，都可以正常使用，而且官方的demo写的也不错：videojs与plyr （plyr官方站点如果找不开，可以访问其github地址:https://github.com/sampotts/plyr）。在官方的demo中，都会提供mp4的示例文件，测试时建议就用这个文件（控制台 - 网络 - 找到地址后可以下载)，以保障我们的测试成本最低。除此以外，我们还可以由https://sample-videos.com/上下载各种大小的mp4测试文件。
转码要想成功的实现被播放，那么我们必须提供.mp4文件，并且该文件的编码方式必须为：h.264不使用h.264则有声音无图像。这也决定了，如果我们使用一些默认的转码工具，必然得不到h.264编码的.mp4文件，也就注定了该文件无法在网页上正常的播放。
在此，推荐两款免费软件：handbrake与zencoder。其中，handbrake笔者已在MAC系统下转码成功。MAC系统下，找款免费的转码软件好像真的不容易。由于使用频率太低，收费的感觉又真的没有必要。
使用时注意两点：
preset 必须选择H.264打头的
formart 要选择mp4
总结一直只是知道可以找到很多播放MP4文件的JS工具，但却不知道只有h.264编码的才能够被正常播放。
纸上得来终觉浅，绝知此事要躬行 ---- 《冬夜读书示子聿》 陆游
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/34663.html
摘要：使用标签这是关于给出的基本用例。其实我们也是在这种背景下研究出来新的技术问题解决清晰度无缝切换的。这样之前说的所有成本问题都不存在，还能做到相同体验的无缝切换。所有代码来自带解析器能节省流量的西瓜播放器 前端同学要使用 HTML5 播放器视频，必然会使用 video 标签，不过大多数同学只是使用了较简单的功能，其实它本身拥有不凡之力有待我们发现。 首先，我们先来看下 video 最基础...
摘要：使用标签这是关于给出的基本用例。其实我们也是在这种背景下研究出来新的技术问题解决清晰度无缝切换的。这样之前说的所有成本问题都不存在，还能做到相同体验的无缝切换。所有代码来自带解析器能节省流量的西瓜播放器 前端同学要使用 HTML5 播放器视频，必然会使用 video 标签，不过大多数同学只是使用了较简单的功能，其实它本身拥有不凡之力有待我们发现。 首先，我们先来看下 video 最基础...
摘要：每周都会举行嘉宾分享，话题讨论等活动。本期，我们邀请了腾讯前端开发工程师吕鸣，为大家分享视频直播那些事。更多关于延迟的问题可以参考苹果官方地址但是直播视频却有一些不可替代的优势传播性好，利于分享等操作。 本文来自于腾讯bugly开发者社区，非经作者同意，请勿转载，原文地址：http://dev.qq.com/topic/57a42... Dev Club 是一个交流移动开发技术，结交朋...
摘要：每周都会举行嘉宾分享，话题讨论等活动。本期，我们邀请了腾讯前端开发工程师吕鸣，为大家分享视频直播那些事。更多关于延迟的问题可以参考苹果官方地址但是直播视频却有一些不可替代的优势传播性好，利于分享等操作。 本文来自于腾讯bugly开发者社区，非经作者同意，请勿转载，原文地址：http://dev.qq.com/topic/57a42... Dev Club 是一个交流移动开发技术，结交朋...
摘要：背景当下视频直播如此红火，打造一个在线直播间涉及到哪些技术呢视频直播由主播的直播端以及观众的观看端组成。保持心跳断开重连快速搭建在线直播间按前文所述，搭建直播间有非常多的细节需要考虑，包括采集推流分发播放体验优化聊天室性能调优等。 背景 当下视频直播如此红火，打造一个在线直播间涉及到哪些技术呢？ 视频直播由主播的直播端以及观众的观看端组成。一个简单的观看端最起码应包含播放器以及聊天室。...
阅读 534·2023-04-25 17:54
阅读 2736·2021-11-18 10:02
阅读 994·2021-09-28 09:35
阅读 417·2021-09-22 15:18
阅读 2601·2021-09-03 10:49
阅读 2857·2021-08-10 09:42
阅读 2365·2019-08-29 16:24
阅读 1133·2019-08-29 15:08
