写点什么

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:386165
用户头像

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

关注

评论

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

“3” 生万物,勇敢前行

MIAOYUN

OpenHarmony 3.2 Beta源码分析之MediaLibrary

OpenHarmony开发者

OpenHarmony

GOPS现场 | 对话龙智大规模安全研发技术专家,分享静态代码、开源组件扫描干货

龙智—DevSecOps解决方案

开源组件 安全研发 静态代码

“企业级零代码黑客马拉松大赛”决赛名单公布

明道云

低代码 零代码 企业数字化转型 黑客马拉松

【C语言】动态内存管理 [进阶篇_ 复习专用]

Dream-Y.ocean

c c++ 9月月更

【数据结构】单链表(增、删、查、改)的实现 [初阶篇_ 复习专用]

Dream-Y.ocean

c 单向链表 9月月更

DCAT亮相WAIC 2022浦东分会场——元宇宙博览会暨数字光影大会

3DCAT实时渲染

云计算 元宇宙 实时渲染 实时云渲染 云VR

通用漏洞评分系统 (CVSS)系统入门指南

SEAL安全

漏洞修复 漏洞管理

版本控制 | 如何有效管理SVN服务器上的多个储存库

龙智—DevSecOps解决方案

svn SVN储存库

SAP 电商云 Spartacus UI 的 checkout 场景中的串行请求设计分析

汪子熙

angular 调试 电商 Spartacus 9月月更

分布式架构下如何选择最佳 Store?

KaiwuDB

数据库 分布式数据库 数据存储

微服务低代码Serverless平台(星链)的应用实践

京东科技开发者

Serverless 微服务 云原生 低代码 VMS

基于高效采样算法的时序图神经网络系统(二)

Baihai IDP

人工智能 神经网络 AI 图数据

【Vue3】穿梭框 -- 思路与实现分析

Sam9029

前端 Vue 3 9月月更

【数据结构】带头+双向+循环链表(增、删、查、改)的实现_【附源码、图片示例】_ [初阶篇_ 复习专用]

Dream-Y.ocean

c 双向循环链表 9月月更

跟我学Python图像处理丨关于图像金字塔的图像向下取样和向上取样

华为云开发者联盟

Python 人工智能 企业号九月金秋榜

【数据结构】顺序表(增、删、查、改)的实现 [初阶篇_ 复习专用]

Dream-Y.ocean

c 顺序表 9月月更

瑞云科技总经理邹琼出席2022世界人工智能大会投融资主题论坛

3DCAT实时渲染

云计算 元宇宙 实时渲染 实时云渲染 云VR

元宇宙会议来了,3DCAT助力2022长宁区科技创新主题论坛开展

3DCAT实时渲染

云计算 元宇宙 实时渲染 实时云渲染 云VR

拒绝花里胡哨,零基础也能把机器学习给你捣鼓明白

博文视点Broadview

海龟绘图简单科普

吉师职业混子

9月月更

OSCAR开源产业大会|中国信通院可信开源评估最新结果正式发布

Ada@SegmentFault

一款开源的基于 Angular 的电商 Storefront 开发框架介绍

汪子熙

typescript 前端开发 angular 电商 9月月更

GOPS现场 | 对话某科技公司DevOps工程师,从用户角度探讨DevOps工具链

龙智—DevSecOps解决方案

DevOps 运维 DevOps工具

龙智 | 电话更换通知

龙智—DevSecOps解决方案

Java之static关键字【实例变量与类变量、实例方法与类方法】

Fire_Shield

Java static 9月月更

【C语言】深度剖析文件操作 [进阶篇_ 复习专用]

Dream-Y.ocean

c 文件 9月月更

数据火器库八卦系列之瑞士军刀随APP携带的SQLite

sqlite 数据库 科技 玖章算术

MobTech ShareSDK 后台配置说明

MobTech袤博科技

开发者 sdk 微信平台 SDK 教程

手把手教大家在 Spring Boot 中处理 flowable 中的用户和组!

江南一点雨

springboot workflow flowable

漫谈 SAP 产品里页面上的 Checkbox 设计与实现

汪子熙

JavaScript 前端开发 web开发 SAP 9月月更

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