作为我们大学推广计划的一部分，一些 Mozilla 人员和志愿者上周前往波士顿，为游戏开发提供了一系列关于网络技术的讲座。

在本周的课程中，我们涵盖了诸如 WebGL 3D 开发、JavaScript 基础知识、调试和性能、canvas 开发、离线开发和本地存储以及网络上的多媒体等主题。我们将在此博文评论中提供这些幻灯片。

多媒体演讲的 幻灯片 在此处提供

涵盖的主题包括

• 网络多媒体的简要历史
• Flash 的烦恼
• HTML5 音频和视频
• 编解码器和转换
• 嵌入视频和音频
• 控制视频
• 转换视频
• 进行实时更改
• 令人惊叹的新的音频可能性

我们展示并解释了一些演示，例如

• W3C 网站上的 媒体事件演示页面
• 将 Google 地图动画与视频同步的 印第安纳精神演示
• 转换视频，创建一个播放器，允许您使用 CSS 转换在视频内缩放和旋转视频
• Paul Rouget 的圆形视频演示 展示了如何在 SVG 中创建播放/暂停按钮，将视频灰度化并使用 CSS 转换旋转视频
• Paul 的视频混音演示 展示了如何将高斯模糊、遮罩等 SVG 滤镜应用于正在运行的视频，以及如何将 CSS 转换应用于视频
• Remy Sharp 的圆形视频演示 展示了如何创建一个包含视频的旋转、弹跳的圆圈
• Paul Rouget 的绿色演示 展示了如何使用开放式网络技术模拟绿屏效果。
• 动态内容注入 演示展示了如何在分析视频以查找注入热点后将内容嵌入视频。
• 跟踪器演示 展示了如何在视频中检测人形和运动
• 边缘检测 演示展示了如何使用 JavaScript 检测实时视频中的边缘
• HTML5 吉他谱生成器
• sfxr 音效库

我还在我的博客上提供了 整个演讲的详细笔记和代码示例。