Vue-cli3集成視頻流媒體播放器EasyPlayer.JS報EasyPlayer.swf Not Found錯誤如何解決?


Vue-cli3項目引入網頁視頻流媒體播放器EasyPlayer.JS一文中,我們解決了videojs報錯的問題,除了videojs報錯之外,還有一個問題,我們本文就來說一下。

Vue-cli3多頁面項目集成EasyPlayer.JS報EasyPlayer.swf Not Found錯誤

提出問題

Vue-cli3多頁面項目集成EasyPlayer.JS打包后,可以看到頁面一播放RTMP正常:

但是在頁面二播放RTMP包的時候,提示EasyPlayer.swf文件找不到。

分析問題

EasyPlayer.swf官網文檔上,是有說明需要引入到根目錄的。實際上我們也確實已經引入了EasyPlayer.swf文件到根目錄,但程序還是報錯。

GET http://127.0.0.1:8080/home/EasyPlayer.swf 404 (Not Found) 報錯信息是以home文件下路徑去找的,這時EasyPlayer.swf文件只存在根目錄下。

解決問題

只需要把EasyPlayer.swf文件復制到home下即可,原理是EasyPlayer.swf文件一定要相對於播放頁,因為EasyPlayer.swf是不需要在html中引入,只有播放的時候才會向同級目錄查找。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM