2020年3月14日

今日任务

• 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来说稍微复杂一些
• 明天需要重新复习相关内容