利用videojs进行视频回放

最近换了新工作，公司用了现在比较流行的spring cloud微服务+vue实现前后端分离开发，由于之前都没有接触过vue，基本相当于从0开始，写下博客，记录下开发过程中的采坑之旅。

最近用到了video.js来开发视频直播和视频按时间间隔的保存，这样就在项目中实现视频的回放。

前端支持2种格式播放，flv和MP4，MP4的好处是有倍率播放，所以flv视频需要在后台转换为MP4。

this.playerOptions = [];if (null!=row) {let option = {name: row.cameraName,height: '360',autoplay: false,muted: true,language: 'zh-CN',playbackRates: [0.7, 1.0, 1.5, 2.0],sources: [{//  type: "video/x-flv",// src:'xxx.flv'type: "video/mp4",src:'xxx.mp4'}],liveui: true,notSupportedMessage: '此视频暂无法播放，请稍后再试' //允许覆盖Video.js无法播放媒体源时显示的默认信息。};this.playerOptions.push(option);

项目中可以使用ffmpeg命令的工具用的是GitHub上别人的开源的代码

https://github.com/eguid/FFCH4J

通过这个工具可以在java代码里进行ffmpeg命令的调用。

想要实现直播视频自动保存，需要在srs.conf中配置如下内容

vhost __defaultVhost__ {

http_remux {
           enabled     on;
           mount [vhost]/[app]/[stream].flv;
           hstrs   on;
       }
       #保存完flv后回调-包含flv路径等信息
   http_hooks {
           enabled         on;
           on_dvr          http://192.168.1.231:8083/t-dis-video/out/save;
       }
   #保存直播为flv
   dvr {
        enabled         on;
        dvr_path        /home/uploadImg/video/[app]/[stream].[timestamp].flv;#保存flv路径
        dvr_plan        segment;#时间模式
        dvr_duration    600;#600秒
        dvr_wait_keyframe       on;
        time_jitter             full;

   }

}

这样在保存flv视频的时候会自动每个10分钟回调下设置的接口，可以将flv视频信息保存到数据库，然后根据时间筛选可以回放视频

注：videojs-flash版本之前是2.2.0经常会发生视频无法播放的情形，升级到2.2.1就可以了

利用videojs进行视频回放相关推荐

91.video.ws index php_如何利用videojs实现视频列表循环播放（完整代码）
本篇文章给大家带来的内容是关于如何利用videojs实现视频列表循环播放(完整代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 庭审直播 .video-js { /* posit ...
实现网页直播源码的直播与视频回放功能
流程介绍网页直播源码直播.视频回放大致流程:获取视频流或本地音视频文件,将流推入到流媒体服务器当中,在 web 端使用合适的 js 拉流并播放音视频: 三种网页直播源码常见的流媒体协议介绍(RTMP ...
AI：2020年6月北京智源大会演讲视频回放集合——分享博主体会与总结
AI:2020年6月北京智源大会演讲视频回放集合--分享博主体会与总结导读:首先感谢北京智源大会进行主题演讲的各领域顶级教授,博主受益匪浅,此文章为博主在聆听各领域教授或专家演讲时,一张一张截图进行 ...
python 替换array中的值_利用Python提取视频中的字幕（文字识别）
我的CSDN博客id:qq_39783601,昵称是糖潮丽子~辣丽从今天开始我会陆续将数据分析师相关的知识点分享在这里,包括Python.机器学习.数据库等等. 今天来分享一个Python小项目! ...
【视频回放】Best of Build Tour in China 暨 Watching Party - 大湾区专场
活动介绍微软一年一度的Build大会已经在5月25-27日盛大召开,今年的主题演讲,全球CEO Satya Nadella从开发者速度,智能云原生应用,以及在混合工作场景下提高生产力等诸多话题进行探 ...
【视频回放与课件】搭上AI快车-在线公益课堂：基于移动应用的人工智能开发...
今天,受广州图书馆邀请,通过腾讯会议推出搭上AI快车系列在线公益讲座第三讲<基于移动应用的人工智能开发>,本次课程实时参与参与直播互动人数超过300人,虽然课程10点钟才正式开始,但是9点 ...
【视频回放与课件】零基础入门AI开发
今天上午,受广州图书馆邀请,在第一讲<零代码上手人工智能>的基础上,以<零基础入门AI开发>为主题,分四步解锁人工智能学习的概念与开发工具,让您在一小时内轻松掌握人工智能开发要 ...
【视频回放与课件】Build your AI solution with MLOps
4月8日在Global AI Community on Vitural Tour与大家分享了Build your AI solution with MLOps的专题,本课程主要介绍了微软Azure M ...
java io 视频下载_Java下载映客主播视频回放到电脑硬盘
Java下载映客主播视频回放到电脑硬盘使用Java下载映客回放到电脑硬盘使用方法:在映客app播放回放视频时,分享到QQ,就可以得到url,其中的liveid属性就是视频ID. 源代码由 [**海 ...

利用videojs进行视频回放

利用videojs进行视频回放相关推荐

最新文章

热门文章