写点什么

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

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

关注

评论

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

Mac 电脑解决无法使用uiautomator viewer的问题

IT蜗壳-Tango

三周年连更

一文了解Spring Framework 5 新 Web 框架:Spring WebFlux

Java架构历程

三周年连更

为什么 Go for-range 的 value 值地址每次都一样?

AlwaysBeta

Go 面试

这 30 个工具和服务可以更好地监控和管理 Linux 服务器,很全面!

wljslmz

三周年连更

Matlab实现周期卷积

小满大王i

三周年征文

【程序猿未来之路】作为互联网技术人的“我们”该如何破局 | 社区征文

码界西柚

4月日更 AIGC 三周年征文 三周年连更 生存指南

再来一篇,Go+Vue前后端分离设计实践

闫同学

三周年连更

云服务管理技术

阿泽🧸

三周年连更 云服务管理

挑战 30 天学完 Python:Day16 时间datetime

MegaQi

挑战30天学完Python 三周年连更

2023-04-30:用go语言重写ffmpeg的resampling_audio.c示例,它实现了音频重采样的功能。

福大大架构师每日一题

Go 音视频 ffmpeg 流媒体 福大大

什么是 RUM JavaScript

汪子熙

JavaScript 前端开发 三周年连更

云环境下的新型IT运维体系

穿过生命散发芬芳

运维体系 三周年连更

【Python实战】Python中parsel两种获取数据方式

BROKEN

三周年连更

通过ChatGPT快速学习英语

石云升

AI ChatGPT 三周年连更

《人生第一次》有感

后台技术汇

三周年连更

算法题每日一练:无重复字符的最长子串

知心宝贝

数据结构 算法 前端 后端 三周年连更

OpenGL入门二:绘制三角形

轻口味

opengl 图形图像 三周年连更

五款提高程序员生产效率的ChatGPT神器,你一定不要错过!

cwang

Code Review Git Commit ChatGPT GPT-4 Prompt

文心一言 VS chatgpt (13)-- 算法导论3.1 8题 3.2 1题

福大大架构师每日一题

福大大 ChatGPT 文心一言

vue2.x中keep-alive源码解析以及LRU缓存策略使用

不叫猫先生

缓存 Vue LRU keep-alive实现原理 三周年连更

设计一个即时群聊天系统软件(采用华为云ECS服务器作为云服务端 )

DS小龙哥

三周年连更

KubeShark: Kubernetes的Wireshark

俞凡

Kubernetes 云原生

为什么老有人想让我们“程序员”失业? | 社区征文

se7en

三周年征文

IT组织架构之反思

agnostic

IT组织

推荐一款基于Vue3的移动H5模板,加速你的移动应用开发

cwang

前端 vant Vue 3 Web H5

Go 为什么不支持可重入锁?

乌龟哥哥

三周年连更

在 Python 中如何使用 format 函数?

海拥(haiyong.site)

三周年连更

Qz学算法-数据结构篇(顺序存储二叉树、线索化+遍历)

浅辄

数据结构 三周年连更

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