在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中引入,只有播放的時候才會向同級目錄查找。