Vue-cli3項目引入網頁視頻流媒體播放器EasyPlayer.JS報videojs not definde錯誤如何解決?

視頻流媒體播放器EasyPlayer幾乎涵蓋了開發者所需的全部平臺,尤其是在web端的EasyPlayer.js,極大地方便了開發者在解決B/S型業務開發時遇到的播放器接入的問題,比如:不懂前端的js代碼、沒有公網服務器放置這些js腳本和網頁、微信對接入IP播放地址有限制等,不論是測試,還是被集成,都很方便。

Player.png

近期我們爲了測試EasyPlayer.js不同的可能性,將EasyPlayer.js運用在VUE當中,發現Vue-cli3項目引入EasyPlayer.JS報videojs not definde錯誤。

597.png

分析問題

從報錯信息可以看出,問題是 videojs 找不到。EasyPlayer.JS是基於videojs基礎上集成,找不到說明引入不正確。

首先我們看到app.Vue中已經引入了EasyPlayer.JS,但是EasyPlayer.JS在vue-cli3之後就需要在public中引入EasyPlayer.JS 包中手動引入EasyPlayer-element.min.js。

598.png

解決問題

Vue-cli3項目正確的引入方式:

1: 下載依賴;

npm run @easydarwin/easyplayer

2:在public文件中引入EasyPlayer-element.min.js;

599.png

3:引入到public中後,在public中的index中引入;

600.png

完成這三步就可以在vue項目使用EasyPlayer.JS播放器了,像我們上面說的報錯內容,就可以直接解決了。

EasyPlayerJS.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章