java 28181协议_WEB VIDEO PLATFORM是一个基于GB28181-2016标准实现的网络视频平台

wvp

WEB VIDEO PLATFORM是一个基于GB28181-2016标准实现的网络视频平台,负责实现核心信令与设备管理后台部分,支持NAT穿透,支持海康、大华、宇视等品牌的IPC、NVR、DVR接入。

流媒体服务基于ZLMediaKit-https://github.com/xiongziliang/ZLMediaKit

前端展示基于MediaServerUI-https://gitee.com/kkkkk5G/MediaServerUI/tree/gb28181/

应用场景:

主要应用在IPC等设备没有固定IP地址,但需要在互联网中观看的场景。

要求IPC设备可以访问互联网,有云服务器用于部署本服务。 预计7月可以达到商用级别的文档性

支持特性:

1、视频预览

2、云台控制(方向、缩放控制)

3、视频设备信息同步

4、离在线监控

5、录像查询与回放(基于NVR\DVR,暂不支持快进、seek操作)

6、无人观看自动断流

2020路线图:

5月中旬-录像回放(基于NVR\DVR)、设备认证(基于密码)

5月下旬-设备报警

6月上旬-流媒体认证(ZLM推流、取流)

6月下旬-语音对讲、Android Deme\iOS Demo

7月下旬-设备认证(基于数字证书)、集群部署

8月下旬-云端录像与回放

9月下旬-Onvif协议支持

10月下旬-GB28181-2011版设备适配

12月底-上级级联、时间同步、其他国标能力

项目部署

参考wiki说明

使用帮助

参考wiki说明

致谢

感谢作者夏楚 提供这么棒的开源流媒体服务框架

感谢作者kkkkk5G 提供这么棒的前端UI

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个基于 Vue.js 和 vue-video-player 的视频播放组件的示例代码: ```html <template> <div> <video-player ref="videoPlayer" :options="playerOptions" :playsinline="true" @play="onPlayerPlay" @pause="onPlayerPause" @ended="onPlayerEnded" @loadedmetadata="onPlayerLoadedMetadata" @timeupdate="onPlayerTimeupdate" ></video-player> </div> </template> <script> import VideoPlayer from 'vue-video-player'; import 'video.js/dist/video-js.css'; export default { name: 'VideoPlayer', components: { VideoPlayer, }, data() { return { playerOptions: { autoplay: false, controls: true, sources: [ { src: 'your_video_url', type: 'video/mp4', }, ], }, }; }, methods: { onPlayerPlay() { console.log('Video is playing'); }, onPlayerPause() { console.log('Video is paused'); }, onPlayerEnded() { console.log('Video has ended'); }, onPlayerLoadedMetadata() { console.log('Video metadata is loaded'); }, onPlayerTimeupdate() { console.log('Video time is updated'); }, }, }; </script> ``` 在这个组件中,我们使用了 Vue.js 和 vue-video-player 组件。我们同时也引入了 video.js 的 CSS 样式。在组件中,我们将视频播放器视图嵌套在 `div` 元素中,并传递 `playerOptions` 属性给 `video-player` 组件,以配置播放器选项。 我们还定义了一些方法来处理播放器事件,如 `onPlayerPlay`、`onPlayerPause`、`onPlayerEnded`、`onPlayerLoadedMetadata` 和 `onPlayerTimeupdate`。你可以根据自己的需求自定义这些方法。 最后,你可以在 `sources` 属性中指定视频的 URL 和类型。在这里,我们使用了 MP4 视频类型。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值