《Ionic項目實戰(zhàn)》課件-CORE03

Dancer時代音頻模塊的實現(xiàn)項目三企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01學習目標02學習路徑03任務描述04任務技能05任務實施06任務總結(jié)01學習目標

學習目標010203了解視頻、音頻播放功能的實現(xiàn)流程掌握Ionic彈出框的使用掌握Ionic手勢事件的實際應用學習目標

通過Dancer時代音頻模塊的實現(xiàn)，了解視頻、音頻播放功能的實現(xiàn)流程，學習Ionic彈出框的使用，掌握Ionic中插件的安裝和使用，具有獨立使用插件實現(xiàn)播放功能的能力。04具有獨立使用插件實現(xiàn)播放功能的能力企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）02學習路徑

學習路徑企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）03任務描述

01情境導入

02功能描述03

基本框架

04開發(fā)環(huán)境

任務描述企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）

情境導入在Dancer時代APP中，學習舞蹈最直觀的方式就是觀看視頻。一段完美的舞蹈離不開音樂的加入，有節(jié)奏的舞蹈才能引人注目。因此，Ellison綜合各個方面的需求在主頁中添加了播放視頻、音樂的入口，通過點擊進入視頻界面，之后是推薦的精彩視頻列表，用戶可以通過翻閱列表選擇自己喜歡的視頻進行觀看。點擊進入音樂界面后，用戶可以根據(jù)自己的喜好選擇音樂。本模塊主要通過實現(xiàn)Dancer時代的視頻、音頻播放功能了解Ionic彈出框和插件的使用。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）

功能描述使用navParams服務實現(xiàn)跳轉(zhuǎn)頁面的傳值

01

02

03使用videoplayer插件實現(xiàn)視頻的播放使用media插件實現(xiàn)音樂的播放企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）

基本框架企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）04任務技能01020304任務技能Ionic彈出框常用事件插件簡介及使用音樂播放模態(tài)框1對話框2上拉菜單3第一步：在html頁面中定義一個按鈕，并添加點擊事件。第二步：在對應的ts文件引入ModalController。第三步：構(gòu)造ModalController。第四步：通過showAlert()實現(xiàn)模態(tài)框的功能。第一步：在html頁面中定義一個按鈕，并添加點擊事件。第二步：在對應的ts文件引入AlertController。第三步：構(gòu)造AlertController。第四步：通過showAlert()實現(xiàn)對話框的功能。

Ionic彈出框第一步：在html頁面中定義一個按鈕，并添加點擊事件。第二步：在對應的ts文件引入ActionSheetController。第三步：構(gòu)造ActionSheetController。第四步：通過doConfirm()實現(xiàn)上拉菜單的功能。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）建設制造強國12

常用事件觸發(fā)事件生命周期事件企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）建設制造強國12

插件簡介及使用cordova插件Camera插件企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）1

音樂播放音樂播放企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）05任務實施輸入標題輸入標題第一步：創(chuàng)建音樂首界面、音樂播放界并進行相關配置第二步：音樂首界面的制作及跳轉(zhuǎn)的添加第三步：音樂播放界面制作第四步：音樂播放插件的添加以及播放功能的實現(xiàn)點擊輸入說明文字點擊輸入說明文字

任務實施企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）06任務總結(jié)任務技能任務實施任務總結(jié)任務描述

本項目通過Dancer時代音頻模塊的實現(xiàn)，對視頻、音頻播放功能的實現(xiàn)流程有所了解，掌握Ionic彈出框時間及插件的安裝及使用，并能夠根據(jù)所學的Ionic彈出框及事件的使用，插件的安裝實現(xiàn)Ionic更多的功能。

任務總結(jié)企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）謝謝觀賞PPT模板下載：/moban/行業(yè)PPT模板：/hangye/節(jié)日PPT模板：/jieri/PPT素材下載：/sucai/PPT背景圖片：/beijing/PPT圖表下載：/tubiao/優(yōu)秀PPT下載：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel教程：/excel/資料下載：/ziliao/