【李宁】HTML5视频课程：HTML5全学习

2-1

HTML5 Canvas概述本讲主要介绍了Canvas的历史，什么是Canvas，以及Canvas的坐标系。

2-2

判断当前浏览器是否支持HTML5本讲会通过JavaScript判断当前浏览器是否支持HTML5的Canvas。

2-3

绘制直线本讲会在Canvas上绘制两条直线，并设置直线的类型、颜色和线宽度。

2-4

关闭路径（closepath）本讲主要介绍了如何调用closepath方法连接路径起始点和结束点，从而关闭路径。同时还介绍了如何保存和恢复context的状态，以及如果改变坐标原点的位置。

2-5

描边和填充本讲主要介绍了如果修改边框属性，以及如果用颜色填充封闭的路径。

2-6

绘制矩形区域和曲线本讲主要介绍了如何绘制填充的矩形，以及如何绘制二次曲线。

2-7

贴图本讲主要介绍了如何通过JavaScript在Canvas上绘制图像。

2-8

渐变色本讲会介绍如何使用渐变色填充矩形区域。

2-9

平铺背景图本讲主要介绍了如何将一个图像作为区域背景图使用。

2-10

缩放Canvas中的对象本讲主要介绍了如何相应的API缩放Canvas中的对象。

「仅限付费用户」点击下载“doc.zip”

2-11

阴影和transform方法本讲主要介绍了如何使用transform方法为Canvas元素添加阴影，以及transform方法的原理。

3-1

音频和视频概述本讲主要介绍了HTML5中的audio和video元素，以及音频和视频的相关情况概述，如支持的音频视频编解码格式，浏览器对音频和视频的支持，H5的限制等。

3-2

使用audio元素播放音频文件本讲主要介绍了如何使用audio元素播放音频文件，以及如何显示播放控制面板。

3-3

让浏览器选择要播放的视频格式本讲主要介绍了如何让不同的浏览器都可以正常播放音频文件。

3-4

用JavaScript控制audio元素播放和暂停音乐本讲主要介绍了如何使用JavaScript控制audio元素播放和暂停音乐。

3-5

播放背景音乐本讲主要介绍了什么是背景音乐，背景音乐的特性，以及如何播放背景音乐。

3-6

播放视频本讲主要介绍了如何通过video元素播放视频，在这一讲会将鼠标放到视频上进行播放，移开视频播放。

3-7

获取视频中的静态图像本讲主要介绍了如何获取通过video元素播放的视频的静态图像。