挑选几款开源的、优秀的H.265网页播放器,进行特征整理及使用评价
H265和H264都是视频编码规范,H265是新一代视频编码规范,与H264相比压缩比更高,同样的码率下视频质量更高,或者说同样质量的视频占用的带宽和存储更少。之前由于终端支持有限,h265的推广使用一直较为缓慢,最近随着越来越多的设备终端开始支持H265,H265的使用范围在迅速扩大。 本文介绍几款开源的H265网页播放器,经过笔者考察对比,这几款播放器的知名度都相对较高,开源,且经过不少人项目验证使用。
1、最简单好用的H265网页播放器mpegts.js
简介 mpegts.js 是在 HTML5 上直接播放MPEG-TS/FLV流的播放器,针对低延迟直播优化。mpegts.js 通过在 JavaScript 中渐进化解析 MPEG2-TS 流并实时转封装为 ISO BMFF (Fragmented MP4),然后通过 Media Source Extensions 接口把音视频数据共给 HTML5 <video> 元素。
特征:
- 支持H264和H265视频格式
- 列表支持FLV封装的H.264/H.265 + AAC / MP3媒体内容
- 支持HTTP-FLV,WebSocket-FLV协议
- 兼容Chrome, FireFox, Safari 10, IE11 和Edge
- 支持浏览器硬加速
代码地址 https://github.com/xqq/mpegts.js
局限 由于实现原理是通过js对各种h265封装进行解封装,最后封装成统一的mp4格式供给video标签,本身并不做解码(这也许是正确的),所以播放能力最终以来播放终端的软硬件环境,如果设备或浏览器本身不支持h265就无法正常播放,比如Win7系统和较早的手机通常都无法播放h265视频。
2、最硬核的H265网页播放器h265web.js
据说是能找到的支持的能力最多的HEVC/H.265网页播放器。一个可支持HEVC/H.265编码播放360P、480P、540P、720P、1080P的HEVC播放器。 区别于上一个播放器,h265web.js是在一些本身就不支持H.265的浏览器上给H.265播放一个解决方案。 这个款播放器采用的是MSE(Media Source Extensions)和WASM(WebAssembly)技术,即将H265视频解码器作为Web应用的一部分同时发布,确保在不支持H265的设备环境中能够进行H265解码播放。 特征 支持如下封装:
- mp4
- mov
- mkv
- av1
- mpeg-ts
- mpeg-ps
- m3u8
- hls
- flv
- http-flv
- http-ts
- http-hevc
- http-hevc
- websocket-hevc
- websocket-flv
- websocket-ts
- HEVC/H.265
- HEVC/H.265
- AVC/H.264
- AVC/H.264 支持的视音频格式:
- AVC/H.264
- HEVC/H.265
- AAC
- G711A
- G711U
代码地址 https://github.com/numberwolf/h265web.js
局限 1)由于使用WASM技术,解码器需要通过Web服务器发布,因此无法做本地调试,需要配置一个Web服务环境。 2)在不支持H265的硬件环境中采用软解码,对系统性能要求较高,在大多数设备上要求视频帧率低于20fps,码率低于1.5Mbps. 3)产品化程度一般
WasmVideoPlayer
作者说这是一款使用WASM、FFmpeg、WebGL、Web Audio等组件实现了一个简易的支持H265的Web播放器,作为探索、验证,just for fun。 特征 文档不错,可以作为WASM、MSE学习的参考项目。 依赖 WASM和MSE,WASM使用ffmpeg代码,前面已经说过,不再赘述。主要使用FFmpeg来做解封装(demux)和解码(decoder),由于使用了FFmpeg(3.3),理论上可以播放绝大多数格式的视频,这里只针对H265编码、MP4封装,在编译时可以只按需编译最少的模块,从而得到比较小的库。 代码下载 https://github.com/flowplayer/flowplayer
挑选几款开源的、优秀的H.265网页播放器,进行特征整理及使用评价相关推荐
- H.265网页播放器EasyPlayer获取视频流正常,但是播放出现黑屏是什么原因?
EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定.播放流畅,可支持的视频流格式有RTSP.RTMP.HLS.FLV.WebRTC等,具备较高的可用性.为了满足用户在不 ...
- H.265网页播放器EasyPlayer实现WebRTC视频实时录像功能
我们在此前的文章中给大家分享过关于EasyPlayer已经实现了实时录像的功能,感兴趣的用户可以戳这篇文章:H5网页播放器EasyPlayer.js如何实现直播视频实时录像? 经过我们不断地摸索和研发 ...
- H.265网页播放器EasyPlayer对外开放录像的方法
我们在前期的文章中给大家介绍过关于EasyPlayer可支持视频实时录像的功能,实现了轻量化.便捷化的视频资源下载能力,极大节省了带宽与计算资源,感兴趣的用户可以翻阅我们往期的文章进行了解. 今天我们 ...
- 结合wasm与mse技术实现的支持H.265网页播放器,为安防可视化系统带来了新突破
我们在<wasm(WebAssembly)技术的普及为安防信息可视化系统的发展带来了哪些突破口>一文中讲过了实现和普及wasm(WebAssembly)技术的重要性,从该文中我们知道各大浏 ...
- 网页全终端视频直播/点播H5播放器EasyPlayer.js正式发布,支持H.265网页播放
在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...
- 支持H.265网页播放的H5播放器EasyPlayer.js发布了
在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...
- 腾讯开源国内首个H.266/VVC视频播放器
本文转载自腾讯多媒体实验室. 当今时代,人们对于多媒体的使用需求越来越大,尤其今年受疫情影响,人们更加依赖视频这一媒体形式办公.学习.娱乐和生活,全球互联网对带宽的需求也激增,导致画面质量不得不降低, ...
- html5网页中加入播放器,10款jquery+html5实现的网页播放器
1.3D版HTML5模拟衣服拖拽动画效果 这是一款3D版HTML5模拟衣服拖拽动画效果源码,是一款非常具有创意而且很好玩的HTML5动画.运行本例源码可见衣服布料呈3D环形显示,可以用鼠标左键来拖拽衣 ...
- 开源ckplayer 网页播放器, 跨平台 html5 mobile ,flv f4v mp4 rtmp协议
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 开源ck ...
最新文章
- php谁写的,谁写过 PHP的 demo? 我写了一个 返回3301 求助
- Android性能优化之启动优化实战篇,最新整理
- PHPRPC for PHP
- Fill in blank -Thermal experiment theory and technology2018-01-06
- C++阶段01笔记08【结构体(基本概念、定义与使用、数组、指针、嵌套、const使用)】
- 创建一个带副本机制的topic
- STM32 DAC详解
- [2019沈阳网络赛D题]Dawn-K's water(点分治)
- 2013 ACM区域赛长沙 H zoj 3733 (hdu 4798) Skycity
- Arts 第九周(5/13 ~ 5/19)
- YDOOK:MyPLayer:Jinwei Lin 最新开源 Python 音频视频基本播放器
- 嵌入式C语言编程中经验教训总结(一) 详解const、static和volatile
- 利用SPSS进行多重线性回归分析-基础篇
- Python str转为list list转为str
- 简述计算机键盘上shift键的作用,电脑Shift键作用大全
- android自定义view星空,自定义RecyclerView星空列表「多item且互相交错,自定义列表,ViewGroup级」...
- 我总结的30条架构原则~
- 看完了 2021 CSS 年度报告,我学到了啥?
- 求解tsw30浊度传感器
- 【读报告】基于物联网技术的道岔转换设备检测专家平台的研究 研制报告