网页视频播放的去Flash方案
Flash的衰落
在过去的10多年时间里(从2004年到2018年),网页视频播放一直是Flash技术的天下,我们所熟悉的众多视频网站和新闻门户网站一直都在使用Flash技术来播放网页视频。这里的主要原因是IE浏览器的高比例占有量和Flash插件在客户端的普及,还有就是主要流媒体服务器产品对rtmp协议和flv视频格式的广泛支持,这是这一个时期的视频生态系统。
随着IE浏览器的衰落和新型浏览器(Chrome,Firefox,Safari等)的崛起,Flash视频播放进入了被淘汰的进程,HTML5 Video正在成为视频播放的主流技术。Youtube从2010年就开始尝试使用没有Flash的视频播放技术,到2018年前后完全实现了去Flash播放,国内的视频网站也在积极地进行这去flash的技术改进,相信也很快不再使用Flash播放器。Chrome浏览器将在今年(2020)彻底抛弃Flash技术,这无疑会大大促进众多整个互联网行业的去Flash进程。
HTML5 Video的兴起
新的网页视频播放标准是HTML5 Video。
这是和HTML5标准一起普及的视频播放标准。HTML5 Video具有跨终端、无需插件、灵活、容易开发等特点,并且被几大主流浏览器(Safari、Firefox和Chrome等浏览器)完全支持。HTML5 Video与MSE(Media Source Extensions )一起能够提供更加强大的视频播放和扩展应用(如双向视频)等。
目前,国内外的视频网站大都在开始普及使用HTML5 Video,在Safari、Firefox和Chrome等浏览器上,HTML5 Video正在成为主流。而随着Chrome浏览器停止对Flash的支持,最终会倒逼不少网站彻底专项HTML5 Video播放技术。
浏览器的支持情况
浏览器对HTML5 Video的支持情况:
浏览器对MSE的支持情况:
流媒体服务器的支持
国内外流媒体服务器系统在去Flash的趋势中也在不断发展,国内以NTV Media Server G3为代表的流媒体服务器产品率先完成了去Flash的研发。
NTV Media Server G3去Flash技术路线图:
表1
点播 直播 双向
m3u8/mp4/flv m3u8/http-flv/web-rtc webrtc
表2
浏览器 技术方案 协议
IE11及以上版本 HTML5 Video + MSE http-mp4/http-flv
Chrome/Safari/Firefox HTML5 Video + MSE hls/http-flv/http-mp4/webrtc
IE11以下版本 Flash Player rtmp/http-flv/hls
网页视频播放的去Flash方案相关推荐
- 7款Flash和Javascript网页视频播放器
Flash和javascript网页视频播放器.梦想中的视频播放器是这样的: 支持所有格式,兼容所有主流视频网站,支持播放列表.视频缩略图.全屏播放.画面调节.预加载.体积贼小,功能贼多--. 也许你 ...
- Flash和Javascript网页视频播放器
7款Flash和Javascript网页视频播放器(转载) 2011-01-22 20:26:27| 分类: 英语学习|字号 订阅 我用有道阅读看到这篇好文,希望和大家分享.我的看法是: 以下原文转 ...
- 如何替代即将淘汰的Flash方案?
Web技术飞速发展的如今,我们在感受新技术带来的便捷和喜悦的同时,也时常在考虑着一个问题:老技术如何迁移.正如本文的主题一样,Flash技术在早年风靡在Web领域,曾经发挥着无尽力量的一个工具正逐渐失 ...
- 【分享】分享一款不错的网页视频播放器
作为一名前端开发,在做页面时会碰到视频展示,一般都是用 flash 加载视频源文件,可惜功能太少,而且支持的视频格式有限.下面给大家分享一款不错的视频播放器--ckplayer(超酷网页视频播放器). ...
- flash 嵌入html代码,flash嵌入html在html网页代码中嵌入Flash文件的解决方案(下).doc...
flash嵌入html在html网页代码中嵌入Flash文件的解决方案(下).doc flash嵌入 在 网页代码中嵌入Flash文件的解决方案(下) 在 代码中嵌入Flash文件一直都是广大web爱 ...
- 比较好的网页视频播放器总结
最近尝试了几个网页视频播放器,主要有Video.js,Ckplayer,Jwplayer.这三款使用简单,提高大量的JavaScript函数API,容易操控. Video JS是一个基于JavaScr ...
- 《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全
本节书摘来自异步社区<网页美工设计Photoshop+Flash+Dreamweaver从入门到精通>一书中的第1章,第1.6节,作者: 安道通 更多章节内容可以访问云栖社区"异 ...
- obs和red5以及网页视频播放器实行直播
使用OBS和网页播放器配置一个在线直播 1.首先去官网下载一个OBS,http://soft.gszyhb.cn/OBS 2.和下载安装red5添加链接描述 3.下载完后打开目录将red.bat打开, ...
- 网页视频播放器代码Vcastr2
TIP:播放的视频地址必须是线上的 第一种:js <p style="text-align: center;"><script type="text/j ...
最新文章
- Heartrate:一个牛逼的工具,Python执行实时可视化
- 测试一下StringBuffer和StringBuilder及字面常量拼接三种字符串的效率
- java求二次函数的a,b,c值
- fetchtype 动态控制_RouterOS利用aliyun的API接口实现DDNS动态解析
- 利用iconv进行文件编码批量原地转换
- 成功解决ConvergenceWarning: lbfgs failed to converge (status=1): STOP: TOTAL NO. of ITERATIONS REACHED L
- spark sql基本使用方法介绍(转载)
- CTS(10)---谷歌CTS测试之Verify简介
- 向指定的服务器端口发送信息,向指定服务器的指定端口发送UDP包
- python安装(不影响系统自带python)
- canfd收不到数据_CAN FD网络的通信距离问题分析
- m3u8播放器 android,在android中播放m3u8视频
- 误差平方和用python_用Python学分析 - 单因素方差分析
- 计算机电源+3c认证,电源适配器要不要做3C认证?怎么做
- 计算机科学教学指导委员会,教育部高等学校计算机专业教学指导委员会委员 徐久成教授...
- matlab中的高阶导数,MATLAB如何求函数的n阶导数?
- PHP算法之杨辉三角
- 关于enq: US – contention
- USB class总结
- c++中using的几种用法
热门文章
- 高性能国产化信号处理平台国产DSP+FPGA+AI NPU安路紫光方案
- cshop是什么开发语言_ecshop后台如何设置多语言选择
- 入职两年申请涨薪3K被拒,是我平时好脸给多了?转身立马裸辞走人...
- 第一章 matlab 学习入门之matlab基础
- Netgear wndr3700v2 路由器刷OpenWrt打造全能服务器(一)序章
- mysql里面除号写法_Mysql之常见函数
- python包编译过程中出现: /usr/local/cuda-9.0/nvcc: No such file or directory问题的简单解决办法
- linux+创建一个v文件共享,win10与Ubantu双系统:Linux下开启FTP服务器与创建无线热点(实现文件共享)...
- 太原理工大学计算机科学与技术老师 王颖,王华 - 太原理工大学 - 信息与计算机学院...
- 驾培行业应对新形势“自学直考”新格局冲击剖析