亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

HTML5音樂可視化

Doving Web前端工程師
難度中級
時長 2小時 0分
學習人數
綜合評分9.73
33人評價 查看評價
10.0 內容實用
9.6 簡潔易懂
9.6 邏輯清晰
列表選擇那個,可以使用緩存當前選擇項的方式來切換,這樣性能要好上許多,不過要注意使用閉包,不然最后每個對象獲取到的i值都是一樣的

最新回答 / 迷途的馬爾斯
這位老師主要講的前端部分,沒有講后端的處理,后端得到數據后無非只是進行查詢操作

最贊回答 / qq_挺問中原_0
可以先使用input[type=file]獲取本地音樂,再用html5的fileReader接口讀取為二進制碼流
老師,可不可以在前端用url以字符串的形式得到歌曲的ArrayBuffer,然后再進行解碼。我對后臺不熟,不想用后臺,我只想掌握音樂可視化本身的內容
Node.js搭建的后臺啊,通過npm獲取express框架,express就相當于PHP的ThingPHP,Python的Django一樣的框架,然后通過npm install安裝依賴包后就可以創建應用了,這里用的是ejs的模板引擎,有點類似于PHP中的<? PHPcode ?>,routes就相當于controller,views就是view,程序入口在app.js,這就是個簡單的后端應用結構
6到不行。
但是這樣做,不是很占內存么
感覺html5自帶的audio標簽,只是將這些底層代碼寫好了,只要我們調用就可以了。

已采納回答 / wslover
直接用瀏覽器就可以看到效果呀,可以看看我寫的點擊這里看效果
我發現視頻播放的時候
你把鼠標移到視頻中間,會有一小塊區域抖動

最新回答 / 莫言寒會冷嗎
用google Chrome 的瀏覽器 按F12在左邊有一個類似手機的圖標,點擊可以設置IOS 各種移動設備的顯示

最贊回答 / Perona
看doctype的聲明即可。一般來說現在主流的瀏覽器都能支持html5,不過支持的情況不一樣。低版本的IE不支持。
老師辛苦了,太感謝了。之前用processing做過音樂可視化效果,只是放到頁面上,得要java插件,太不方便了。
11月份我又來了,現在能聽懂了!
課程須知
本課程是前端高級課程,您需要具備下以知識: 1、掌握前端 HTML,CSS,JS 的基礎知識。 2、如果您能掌握一點 node 和 Canvas 的知識,對課程學習會有很大幫助。 3、如果您沒有以上知識,可以先學習平臺中的相關課程。 4、如果您已了解 webAudio 相關API,那一起來交流吧!
老師告訴你能學到什么?
1、使用node快速構建服務端 2、使用CSS構建響應式前端界面 3、使用webAudio操作分析音頻數據 4、使用Canvas可視化數據

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消