vue實現視頻播放


用的vue組件是vue-video-player,可以去百度下怎么引入到項目中:

因為這個組件是基於H5video實現的,視頻格式有所限制,而且MP4不是H264的也不行。轉碼可以看下我上篇博客,地址

新增視頻數據庫保存地址為:/static/upload/video/ + 資源名; 但是視頻地址在:D:/TEST/UPLOAD/video/

項目的后台是用spring boot搭建的這里要在spring boot 運行程序添加一個配置

@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        super.addResourceHandlers(registry);
        registry.addResourceHandler("/static/upload/**").addResourceLocations("file:" + appProperties.getUploadAndFormatPath());
    }

這樣相當於訪問   /static/upload/video/ + 資源名  等於 D:/TEST/UPLOAD/video/ + 資源名

這樣上傳后的視頻就可以觀看了。


免責聲明!

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



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