第4单元第14课《民歌悠扬-制作音频、视频播放器》-说课稿2023-2024学年清华大学版（2012）初中信息技术七年级上册

第4单元第14课《民歌悠扬--制作音频、视频播放器》-说课稿2023—2024学年清华大学版（2012）初中信息技术七年级上册学校授课教师课时授课班级授课地点教具教学内容第4单元第14课《民歌悠扬--制作音频、视频播放器》选自2023—2024学年清华大学版（2012）初中信息技术七年级上册。本节课主要教授学生如何利用信息技术手段制作音频、视频播放器。具体内容包括：

1.音频、视频播放器的基本概念及功能；

2.使用HTML5标签在网页中嵌入音频、视频文件；

3.利用JavaScript控制音频、视频的播放、暂停、快进、快退等操作；

4.为播放器添加自定义样式，实现美观的界面效果；

5.实践操作：制作一个简单的音频、视频播放器，展示并分享自己的作品。核心素养目标本节课的核心素养目标主要包括：

1.信息素养：培养学生获取、分析、处理和运用信息的能力，通过制作音频、视频播放器，提高学生利用信息技术解决问题的实践能力。

2.创新思维：激发学生的创造力和想象力，鼓励学生在制作过程中尝试不同的设计方案，提升个性化表达和创新能力。

3.合作交流：在实践操作中，培养学生与他人协作、分享经验的能力，通过小组讨论和展示，提高学生的团队协作意识。

4.信息伦理：引导学生正确使用网络资源，遵守网络道德规范，形成良好的信息道德素养。重点难点及解决办法重点：

1.音频、视频标签的使用和属性设置。

2.JavaScript控制音频、视频播放的方法。

难点：

1.音频、视频标签与JavaScript之间的交互逻辑。

2.为播放器添加自定义样式，实现美观界面效果的技术实现。

解决办法：

1.通过示例演示和分步讲解，让学生逐步理解音频、视频标签的语法和属性设置，强调各个属性的作用和用法。

2.结合具体代码实例，详细讲解JavaScript如何控制音频、视频的播放、暂停等操作，引导学生通过动手实践加深理解。

3.以案例教学为主，展示不同样式的播放器，引导学生学习CSS样式设计，并鼓励学生自主尝试，通过调试代码实现个性化界面。

4.在实践操作中，安排小组讨论和合作，让学生相互学习、交流心得，共同解决技术难题，促进难点知识的掌握。教学资源-软件资源：网页设计软件（如Dreamweaver）、代码编辑器（如VisualStudioCode）、浏览器（如Chrome、Firefox）

-硬件资源：计算机、投影仪、音响设备

-课程平台：学校教学管理系统

-信息化资源：教学PPT、教学案例代码、网络教学视频

-教学手段：现场演示、小组讨论、学生自主实践教学过程1.导入（约5分钟）

-激发兴趣：播放一段具有民族特色的民歌视频，引导学生关注音频、视频在网页中的播放方式。

-回顾旧知：简要回顾HTML基本标签和JavaScript基本语法，为学习音频、视频标签和JavaScript控制播放器打下基础。

2.新课呈现（约30分钟）

-讲解新知：详细讲解音频、视频标签的语法和属性，以及JavaScript控制音频、视频播放的方法。

-举例说明：通过具体示例，展示如何使用HTML5标签在网页中嵌入音频、视频文件，并使用JavaScript实现播放、暂停等操作。

-互动探究：引导学生讨论如何为播放器添加自定义样式，实现美观界面效果，并尝试编写相关代码。

3.巩固练习（约20分钟）

-学生活动：学生分组进行实践操作，尝试制作一个简单的音频、视频播放器，并分享作品。

-教师指导：在学生实践过程中，及时给予学生指导和帮助，解决遇到的问题，确保学生掌握本节课的知识。

4.课堂总结（约10分钟）

-对本节课的主要内容进行简要回顾，强调音频、视频标签的使用和JavaScript控制播放器的技巧。

-鼓励学生在课后继续探索更多关于网页音频、视频播放器的知识，提高自己的技能。

5.作业布置（约5分钟）

-完成课堂实践中的音频、视频播放器制作，尝试添加更多功能，如进度条、音量控制等。

-阅读教材相关章节，巩固所学知识，为下节课的学习打下基础。教学资源拓展1.拓展资源：

-HTML5音频、视频标签的更多属性和功能，如预加载、循环播放、播放速度控制等。

-JavaScript中关于DOM操作的知识，包括获取元素、修改属性、事件处理等。

-CSS样式设计中与音频、视频播放器相关的样式，如布局、颜色、字体等。

-常见的音频、视频格式及其在网页中的兼容性问题。

-网页设计中的用户体验原则，如何让音频、视频播放器更加易用、美观。

-音频、视频编码技术，如H.264、AAC等，以及它们对网页播放器的影响。

-响应式网页设计，确保音频、视频播放器在不同设备和屏幕尺寸上的适配性。

2.拓展建议：

-鼓励学生查阅在线教程和文档，深入学习HTML5音频、视频标签的更多高级功能。

-引导学生通过实际操作，尝试使用JavaScript实现更复杂的音频、视频控制效果，如自定义播放列表、全屏切换等。

-推荐学生阅读有关CSS样式设计的书籍或文章，提高界面美化和用户体验的能力。

-建议学生了解不同浏览器对音频、视频格式的支持情况，以便在开发时做出兼容性处理。

-鼓励学生探索响应式网页设计的技巧，确保播放器在各种设备上都能正常使用。

-推荐学生观看有关网页设计原理和用户体验的视频课程，提高对网页设计的整体理解。

-鼓励学生参与在线编程社区，如StackOverflow、GitHub等，学习他人的代码，解决自己在实践过程中遇到的问题。

-建议学生关注网页设计领域的最新趋势和技术动态，如HTML5的新特性、WebAudioAPI等，以保持知识的前沿性。板书设计①音频、视频标签的使用

-HTML5audio标签

-HTML5video标签

-属性：src、controls、autoplay、loop、preload等

②JavaScript控制音频、视频播放