写点什么

YouTube 转用 HTML5 视频播放器

  • 2015-02-01
  • 本文字数:1047 字

    阅读完需:约 3 分钟

YouTube 在 2010 年 1 月启动了实验性的 HTML5 视频播放器。在经过五年与其他浏览器供应商和社区的合作以后,该公司宣布废弃原有的 Adobe Flash 视频播放器,将 HTML5 视频作为某些特定浏览器的默认播放方式。

在一篇博文中,YouTube 工程经理 Richard Leider 表示自适应比特率(ABR)技术的支持是他们作出这一决定的关键因素:

自适应比特率(ABR)流是为观看视频的用户提供高质量视频体验的关键。它让我们在面对不断变化的网络条件时,可以快速无缝地调整分辨率和比特率。

有争议的 ABR 是基于 HTTP 的动态自适应流,也就是 MPEG-DASH。据微软开放技术的 Ross Gardler 所说,MPEG-DASH降低了缓冲的需求

利用 MPEG-DASH,当出现网络拥塞时,视频流会降低到一个较低的清晰度。当播放器下载接下来几秒将要播放的画面(也就是缓冲)时,这降低了让视频观看者看到一个“暂停”的视频的可能性。当网络拥塞减少时,视频播放器将随之恢复到一个较高质量的播放流。

Leider 声称,实际上“总体来说 ABR 降低缓冲的水平已经超过 50%,在拥塞严重的网络情况下,最多能降低 80%。在 2014 年的一次采访中,Leider 谈到“YouTube 的重放功能在电视、游戏机、机顶盒、Chromecast、桌面浏览器、移动网络 [和] 移动手持设备上都使用了 DASH 技术。”

只有支持 W3C 媒体源扩展(MSE)的浏览器才能使用 MPEG-DASH 重放,这就是为什么 YouTube HTML5 播放器转换仅限于 Chrome,IE 11,Safari 8 和 Firefox 的一些 Beta 版本。据 MSE 规格说明书记载,MSE“允许 JavaScript 动态创建【视频】和【音频】多媒体流,它定义了可以让 JavaScript 传递多媒体片段的对象。”通过 dash.js 的参考实现,Web 开发者可以自行创建启用 DASH 的视频播放器。

其他的视频提供商在 HTML5 支持方面各自处于不同的阶段。Vimeo 在 2014 年 1 月转换至默认HTML5 播放器而Netflix 则在IE11 和Yosemite 上的Safari 中采用HTML5 视频播放器。其他的提供商,如BBC,则仅在不能使用Flash 的平台,如苹果的iOS 平台,实现了HTML5 视频

目前为止,只要浏览器支持,YouTube 都会让用户选择使用HTML5 播放器。现在,用户使用兼容的浏览器访问该页面时,都会看到“在可能的情况下,会使用HTML5 播放器。”这一变化会大幅减少基于Flash 的播放器的使用时间,让Flash 变得越来越无关紧要。

YouTube 推荐开发者在内嵌视频时使用

2015-02-01 23:386115
用户头像

发布了 75 篇内容, 共 63.3 次阅读, 收获喜欢 6 次。

关注

评论

发布
暂无评论
发现更多内容

真正牛逼的人,都是极简主义者!!

冰河

产品 程序 极简主义

深入浅出Android!阿里P7深入Binder原理讲解,论程序员成长的正确姿势

欢喜学安卓

android 程序员 面试 移动开发

【Linux系统】关于守护进程

程序员架构进阶

Linux 架构 守护进程 28天写作

产业互联网业务与团队的思考

Geek_vidmje

JVM笔记 -- Java跨平台和JVM跨语言

秦怀杂货店

JVM JVM笔记

贪心算法

en

算法 贪心算法

软件教练说:性能优化与性能设计,“相亲相爱”的一对

华为云开发者联盟

架构 性能优化 设计 程序 软件教练

成长篇-结构思考力笔记(完整版)

小诚信驿站

程序员 刘晓成 小诚信驿站 成长笔记 28天写作

学习JAVA8个月,成功跳槽,外包进阿里成功定级P7,太牛了!

Java 编程 程序员 面试

《程序员修炼之道》- 务实的方法(5)

石云升

程序员 28天写作 评估工作量

传统线程互斥技术 synchronized

武哥聊编程

Java 多线程 synchronized 28天写作

“复制”马斯克(三):我们要为他的“反智事业”买单吗?

脑极体

Redis击穿、穿透、雪崩产生原因以及解决思路

Java架构师迁哥

奇葩java迭代器笔试题,做对算你厉害

田维常

迭代器模式

30+程序员竞争力从哪里来?

我心依然

程序员 竞争力

阿里一线架构师甩出“源码阅读指南”,从源码到实战,一键搞定

比伯

Java 编程 程序员 架构 计算机

Mybatis【16】-- Mybatis多对一关联查询

秦怀杂货店

数据库 mybatis

产品经理训练营笔记-产品思维和产品意识(下)

.nil?

产品经理训练营

故乡的年

熊斌

28天写作

真狠!涵盖了Netty+Spark+Hadoop+分布式五部分!讲的清清楚楚!

996小迁

redis hadoop 架构 面试 Netty

BAT面试Spring全家桶:Spring+SpringBoot+SpringCloud+SpringMVC

Java架构之路

Java 程序员 架构 面试 编程语言

《小狗钱钱》读书笔记

架构精进之路

读书笔记 七日更 28天写作

NeoKylin-Server-5.0离线部署etcd+flannel集群,实现docker容器跨主机网络通信

星河寒水

Docker etcd flannel 麒麟操作系统 离线部署

面试官问:ZooKeeper是强一致的吗?怎么实现的?

Java 编程 程序员 面试 分布式

架构师训练营第 2 期 第 8 周 作业一

老腊肉

架构师训练营第2期

蚂蚁金服二面被血虐,鬼知道面试的我经历了什么?

Java架构之路

Java 程序员 架构 面试 编程语言

Java学习笔记整理:Spring+tomcat+Kafka+多线程面试笔记

Java架构之路

Java 程序员 架构 面试 编程语言

半导体芯片小白基础知识(2) (28天写作 Day23/28)

mtfelix

集成电路 28天写作 晶圆 光刻机 晶圆代工

阿里内部Redis宝典意外流出极致经典:源码+实战+理论

比伯

Java 编程 程序员 架构 面试

老外程序员的Java性能优化方式是什么?JVM调优策略+工具+技巧

Java架构追梦

Java 学习 架构 面试 jvm调优

面试学习!月薪20k+的Android面试都问些什么?终获offer

欢喜学安卓

android 程序员 面试 移动开发

YouTube转用HTML5视频播放器_JavaScript_David Iffland_InfoQ精选文章