视频文章
-
使用 MediaRecorder 在浏览器中录制几乎所有内容
MediaRecorder API 允许您录制媒体流，即移动图像和音频。 这些录制的结果可以是，例如，一个 OGG 文件，就像您用来听音乐的文件。 从浏览器的角度来看，我们可以通过多种方式获得流。 让我们从您可能熟悉的内容开始：我们将获得一个流 […]
-
使用 Firefox Dev Tools 优化 JavaScript 性能
Firefox 开发者工具中的性能工具提供了一种绝佳的方式来诊断运行缓慢的 JavaScript，并提供有关网站的整体响应速度和布局性能的见解。 在这个视频截屏中，我将介绍如何诊断慢速代码问题以及如何修复代码中的这些问题。 […]
-
使用 Media Source Extensions 按需流媒体
介绍 MSE Media Source Extensions (MSE) 是所有主流浏览器中可用的 Web API 的新增功能。 此 API 允许进行诸如直接在我们的浏览器中自适应比特率流式传输视频之类的事情，无需插件。 以前，我们可能使用过专有解决方案，例如 RTSP (实时流协议) 和 Flash，但现在我们可以 […]
-
Project Silk
编辑注：本文的早期版本曾出现在 Mason Chang 的个人博客上。 在过去几个月里，我一直致力于 Project Silk，它可以提高浏览器的流畅性。 很像 Android 的 Project Butter 一样，它的一部分终于在 Firefox OS 上上线了。 Silk 做了三件事：将绘制与硬件对齐 […]
-
观看 JavaScript 演讲绝不会出错
上周晚些时候，我正在收集针对年终 Hacks 博客文章的建议。 当她准备开始冬季假期时，应用程序工程师 Soledad Penadés 送给了我“今年我观看的一些很酷的演讲”。 事实上，这是一个来自 JSConf、JSConf EU 和其他最近的开发者大会的精选演讲集。 演讲者包括著名的 […]
-
视频和 Firefox OS
在 HTML5 之前 那些都是黑暗的时光，哈利，黑暗的时光 - 鲁伯斯·海格里德 在 HTML5 之前，在 Web 上显示视频需要浏览器插件和 Flash。 幸运的是，Firefox OS 支持 HTML5 视频，因此我们不需要支持这些旧格式。 Web 上的视频支持 尽管现代浏览器支持 HTML5，但它们支持的视频格式 […]
-
Vimeo 的分布式即时图像处理和开源
当您想到 Vimeo 时，您可能想到的是视频 - 毕竟，这是我们所做的事情。 但是，我们还必须处理大量图像的创建和分发：缩略图、用户头像、频道标题以及 Vimeo 周围的所有各种令人惊叹的图形，仅举几例。 很长一段时间以来，所有这些 […]
-
构建交互式 HTML5 视频
HTML5 的 <video> 元素使将视频嵌入到您的网站中变得像嵌入图像一样容易。 而且由于所有主要浏览器自 2011 年以来都支持 <video>，因此这也是让您的移动图片被人们看到的最可靠方法。 HTML5 家族中最近添加的内容是 <track> 元素。 它是 <video> 的子元素， […]
-
向 HTML5 视频添加字幕和字幕
本文也在 MDN 上提供。 随着 HTML5 中 <video> 和 <audio> 元素的引入，我们终于有了一种将视频和音频添加到网站的原生方法。 我们还有一个 JavaScript API，它允许我们以不同的方式与这些媒体内容进行交互，无论是编写我们自己的 […]
-
派对巴士内部：使用多个实时视频流 + 交互式图形构建 Web 应用程序
Gearcloud Labs 正在探索使用开放技术来构建新型共享视频体验。 派对巴士是一个演示应用程序，它将多个实时视频流与交互式图形和同步音频混合在一起。 我们使用 node.js、WebSockets、WebRTC、WebGL 和 Web Audio 的组合构建了它。 本文分享了一些 […]
