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网页播放器,进行特征整理及使用评价相关推荐

  1. H.265网页播放器EasyPlayer获取视频流正常,但是播放出现黑屏是什么原因?

    EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定.播放流畅,可支持的视频流格式有RTSP.RTMP.HLS.FLV.WebRTC等,具备较高的可用性.为了满足用户在不 ...

  2. H.265网页播放器EasyPlayer实现WebRTC视频实时录像功能

    我们在此前的文章中给大家分享过关于EasyPlayer已经实现了实时录像的功能,感兴趣的用户可以戳这篇文章:H5网页播放器EasyPlayer.js如何实现直播视频实时录像? 经过我们不断地摸索和研发 ...

  3. H.265网页播放器EasyPlayer对外开放录像的方法

    我们在前期的文章中给大家介绍过关于EasyPlayer可支持视频实时录像的功能,实现了轻量化.便捷化的视频资源下载能力,极大节省了带宽与计算资源,感兴趣的用户可以翻阅我们往期的文章进行了解. 今天我们 ...

  4. 结合wasm与mse技术实现的支持H.265网页播放器,为安防可视化系统带来了新突破

    我们在<wasm(WebAssembly)技术的普及为安防信息可视化系统的发展带来了哪些突破口>一文中讲过了实现和普及wasm(WebAssembly)技术的重要性,从该文中我们知道各大浏 ...

  5. 网页全终端视频直播/点播H5播放器EasyPlayer.js正式发布,支持H.265网页播放

    在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...

  6. 支持H.265网页播放的H5播放器EasyPlayer.js发布了

    在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...

  7. 腾讯开源国内首个H.266/VVC视频播放器

    本文转载自腾讯多媒体实验室. 当今时代,人们对于多媒体的使用需求越来越大,尤其今年受疫情影响,人们更加依赖视频这一媒体形式办公.学习.娱乐和生活,全球互联网对带宽的需求也激增,导致画面质量不得不降低, ...

  8. html5网页中加入播放器,10款jquery+html5实现的网页播放器

    1.3D版HTML5模拟衣服拖拽动画效果 这是一款3D版HTML5模拟衣服拖拽动画效果源码,是一款非常具有创意而且很好玩的HTML5动画.运行本例源码可见衣服布料呈3D环形显示,可以用鼠标左键来拖拽衣 ...

  9. 开源ckplayer 网页播放器, 跨平台 html5 mobile ,flv f4v mp4 rtmp协议

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 开源ck ...

最新文章

  1. php谁写的,谁写过 PHP的 demo? 我写了一个 返回3301 求助
  2. Android性能优化之启动优化实战篇,最新整理
  3. PHPRPC for PHP
  4. Fill in blank -Thermal experiment theory and technology2018-01-06
  5. C++阶段01笔记08【结构体(基本概念、定义与使用、数组、指针、嵌套、const使用)】
  6. 创建一个带副本机制的topic
  7. STM32 DAC详解
  8. [2019沈阳网络赛D题]Dawn-K's water(点分治)
  9. 2013 ACM区域赛长沙 H zoj 3733 (hdu 4798) Skycity
  10. Arts 第九周(5/13 ~ 5/19)
  11. YDOOK:MyPLayer:Jinwei Lin 最新开源 Python 音频视频基本播放器
  12. 嵌入式C语言编程中经验教训总结(一) 详解const、static和volatile
  13. 利用SPSS进行多重线性回归分析-基础篇
  14. Python str转为list list转为str
  15. 简述计算机键盘上shift键的作用,电脑Shift键作用大全
  16. android自定义view星空,自定义RecyclerView星空列表「多item且互相交错,自定义列表,ViewGroup级」...
  17. 我总结的30条架构原则~
  18. 看完了 2021 CSS 年度报告,我学到了啥?
  19. 求解tsw30浊度传感器
  20. 【读报告】基于物联网技术的道岔转换设备检测专家平台的研究 研制报告

热门文章

  1. 基于newmark-beta逐步积分法计算移动力过梁问题
  2. 压力开关常见故障原因及排除方法
  3. AD输入钳位保护电路
  4. 【动画设计的vue后台管理欢迎页】
  5. 1.1 NAND介绍
  6. 设计与算法 | Google Photos Web UI
  7. 去文件中逗号并换行的小程序
  8. Winodw Phone主题管理(Winodw Phone Theme Manager)
  9. 关于构建数据仓库的几个问题
  10. 云计算“晴转多云” ,Bespin Global要做多云管理领导者