今日任务
- HTML5音频
- HTML5拖放
完成事项与步骤
任务1：HTML5音频
- 步骤1：HTML5规定了audio元素用来播放声音文件和音频流
- 步骤2：支持Ogg Vorbis格式、Mp3格式和Wav格式
- 步骤3：audio的属性、方法和事件和video元素基本一致
- 步骤4：音频Demo
任务2：HTML5拖放
- IE9+、Firefox、Opera、Chrome、Safari都支持拖放。
- 任何元素都可以拖放
- 拖动事件
- 释放事件
- 设置可拖动
- draggable属性用来设置元素是/否能拖动
- 给目标设值
- ondragstart事件
- setData方法
- 规定放置目标的位置
- ondragover事件
- preventDefault方法
- 放置
- ondrop事件
- 完整代码
未完成事项与原因
明日计划
- 任务1：复习今日所学的音频和拖放
- 任务2：学习Canvas
今日总结
任务1
- 其特性与video元素基本一致
任务2
- 拖放相较于audio与video来说稍微复杂一些
- 明天需要重新复习相关内容