第4單元第14課《民歌悠揚--制作音頻、視頻播放器》-說課稿2023—2024學年清華大學版（2012）初中信息技術七年級上冊學校授課教師課時授課班級授課地點教具教學內容第4單元第14課《民歌悠揚--制作音頻、視頻播放器》選自2023—2024學年清華大學版（2012）初中信息技術七年級上冊。本節(jié)課主要教授學生如何利用信息技術手段制作音頻、視頻播放器。具體內容包括：

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

2.使用HTML5標簽在網(wǎng)頁中嵌入音頻、視頻文件；

3.利用JavaScript控制音頻、視頻的播放、暫停、快進、快退等操作；

4.為播放器添加自定義樣式，實現(xiàn)美觀的界面效果；

5.實踐操作：制作一個簡單的音頻、視頻播放器，展示并分享自己的作品。核心素養(yǎng)目標本節(jié)課的核心素養(yǎng)目標主要包括：

1.信息素養(yǎng)：培養(yǎng)學生獲取、分析、處理和運用信息的能力，通過制作音頻、視頻播放器，提高學生利用信息技術解決問題的實踐能力。

2.創(chuàng)新思維：激發(fā)學生的創(chuàng)造力和想象力，鼓勵學生在制作過程中嘗試不同的設計方案，提升個性化表達和創(chuàng)新能力。

3.合作交流：在實踐操作中，培養(yǎng)學生與他人協(xié)作、分享經驗的能力，通過小組討論和展示，提高學生的團隊協(xié)作意識。

4.信息倫理：引導學生正確使用網(wǎng)絡資源，遵守網(wǎng)絡道德規(guī)范，形成良好的信息道德素養(yǎng)。重點難點及解決辦法重點：

1.音頻、視頻標簽的使用和屬性設置。

2.JavaScript控制音頻、視頻播放的方法。

難點：

1.音頻、視頻標簽與JavaScript之間的交互邏輯。

2.為播放器添加自定義樣式，實現(xiàn)美觀界面效果的技術實現(xiàn)。

解決辦法：

1.通過示例演示和分步講解，讓學生逐步理解音頻、視頻標簽的語法和屬性設置，強調各個屬性的作用和用法。

2.結合具體代碼實例，詳細講解JavaScript如何控制音頻、視頻的播放、暫停等操作，引導學生通過動手實踐加深理解。

3.以案例教學為主，展示不同樣式的播放器，引導學生學習CSS樣式設計，并鼓勵學生自主嘗試，通過調試代碼實現(xiàn)個性化界面。

4.在實踐操作中，安排小組討論和合作，讓學生相互學習、交流心得，共同解決技術難題，促進難點知識的掌握。教學資源-軟件資源：網(wǎng)頁設計軟件（如Dreamweaver）、代碼編輯器（如VisualStudioCode）、瀏覽器（如Chrome、Firefox）

-硬件資源：計算機、投影儀、音響設備

-課程平臺：學校教學管理系統(tǒng)

-信息化資源：教學PPT、教學案例代碼、網(wǎng)絡教學視頻

-教學手段：現(xiàn)場演示、小組討論、學生自主實踐教學過程1.導入（約5分鐘）

-激發(fā)興趣：播放一段具有民族特色的民歌視頻，引導學生關注音頻、視頻在網(wǎng)頁中的播放方式。

-回顧舊知：簡要回顧HTML基本標簽和JavaScript基本語法，為學習音頻、視頻標簽和JavaScript控制播放器打下基礎。

2.新課呈現(xiàn)（約30分鐘）

-講解新知：詳細講解音頻、視頻標簽的語法和屬性，以及JavaScript控制音頻、視頻播放的方法。

-舉例說明：通過具體示例，展示如何使用HTML5標簽在網(wǎng)頁中嵌入音頻、視頻文件，并使用JavaScript實現(xiàn)播放、暫停等操作。

-互動探究：引導學生討論如何為播放器添加自定義樣式，實現(xiàn)美觀界面效果，并嘗試編寫相關代碼。

3.鞏固練習（約20分鐘）

-學生活動：學生分組進行實踐操作，嘗試制作一個簡單的音頻、視頻播放器，并分享作品。

-教師指導：在學生實踐過程中，及時給予學生指導和幫助，解決遇到的問題，確保學生掌握本節(jié)課的知識。

4.課堂總結（約10分鐘）

-對本節(jié)課的主要內容進行簡要回顧，強調音頻、視頻標簽的使用和JavaScript控制播放器的技巧。

-鼓勵學生在課后繼續(xù)探索更多關于網(wǎng)頁音頻、視頻播放器的知識，提高自己的技能。

5.作業(yè)布置（約5分鐘）

-完成課堂實踐中的音頻、視頻播放器制作，嘗試添加更多功能，如進度條、音量控制等。

-閱讀教材相關章節(jié)，鞏固所學知識，為下節(jié)課的學習打下基礎。教學資源拓展1.拓展資源：

-HTML5音頻、視頻標簽的更多屬性和功能，如預加載、循環(huán)播放、播放速度控制等。

-JavaScript中關于DOM操作的知識，包括獲取元素、修改屬性、事件處理等。

-CSS樣式設計中與音頻、視頻播放器相關的樣式，如布局、顏色、字體等。

-常見的音頻、視頻格式及其在網(wǎng)頁中的兼容性問題。

-網(wǎng)頁設計中的用戶體驗原則，如何讓音頻、視頻播放器更加易用、美觀。

-音頻、視頻編碼技術，如H.264、AAC等，以及它們對網(wǎng)頁播放器的影響。

-響應式網(wǎng)頁設計，確保音頻、視頻播放器在不同設備和屏幕尺寸上的適配性。

2.拓展建議：

-鼓勵學生查閱在線教程和文檔，深入學習HTML5音頻、視頻標簽的更多高級功能。

-引導學生通過實際操作，嘗試使用JavaScript實現(xiàn)更復雜的音頻、視頻控制效果，如自定義播放列表、全屏切換等。

-推薦學生閱讀有關CSS樣式設計的書籍或文章，提高界面美化和用戶體驗的能力。

-建議學生了解不同瀏覽器對音頻、視頻格式的支持情況，以便在開發(fā)時做出兼容性處理。

-鼓勵學生探索響應式網(wǎng)頁設計的技巧，確保播放器在各種設備上都能正常使用。

-推薦學生觀看有關網(wǎng)頁設計原理和用戶體驗的視頻課程，提高對網(wǎng)頁設計的整體理解。

-鼓勵學生參與在線編程社區(qū)，如StackOverflow、GitHub等，學習他人的代碼，解決自己在實踐過程中遇到的問題。

-建議學生關注網(wǎng)頁設計領域的最新趨勢和技術動態(tài)，如HTML5的新特性、WebAudioAPI等，以保持知識的前沿性。板書設計①音頻、視頻標簽的使用

-HTML5audio標簽

-HTML5video標簽

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

②JavaScript控制音頻、視頻播放