当前位置: 首页 > news >正文

网站定制开发是什么dede如何做手机网站

网站定制开发是什么,dede如何做手机网站,廊坊网站定制开发,济南互联网品牌设计一、下载webrtc-streamer 下载地址:https://github.com/mpromonet/webrtc-streamer/releases 根据设备型号下载对应的版本到本地直接解压就行,我下载的是webrtc-streamer-v0.8.6-dirty-Windows-AMD64-Release.tar版本。 双击webrtc-streamer.exe可执行文…

一、下载webrtc-streamer
下载地址:https://github.com/mpromonet/webrtc-streamer/releases
根据设备型号下载对应的版本到本地直接解压就行,我下载的是webrtc-streamer-v0.8.6-dirty-Windows-AMD64-Release.tar版本。
双击webrtc-streamer.exe可执行文件后在浏览器访问http://127.0.0.1:8000,可以看到自己电脑正在操作的内容。
在这里插入图片描述
二、vue项目中使用

1、将/html/libs目录下的adapter.min.js和/html目录下面的webrtcstreamer.js文件分别拷贝到vue项目中,并在index.html文件全局引入。
在这里插入图片描述2、自定义组件videoPlayer.vue,在需要播放视频的页面引入使用。文件代码如下:

<template><video ref="video" autoplay controls muted width="100%" height="100%" style="object-fit: fill;"></video>
</template><script>import Setting from "@/setting";export default {props: {videoSrc: {type: String,default: '',}},data () {return {webRtcServer: null}},watch: {videoSrc () {this.initData();}},mounted () {// 分别对应开发环境、生产环境视频流转码服务的地址let srvUrl = process.env.NODE_ENV === 'development' ? 'http://127.0.0.1:8000' : 'http://127.0.0.1:8000';this.webRtcServer = new WebRtcStreamer(this.$refs.video, srvUrl);this.videoSrc && this.initData();},methods: {initData () {this.webRtcServer.connect(this.videoSrc || '');}},beforeDestroy () {this.webRtcServer.disconnect();this.webRtcServer = null;}}
</script>

注:style="object-fit: fill; 设置视频内容撑满整个video标签

3、页面使用

<template><div><videoPlayer :videoSrc="videoSrc" /></div>
</template><script>import videoPlayer from '@/components/videoPlayer.vue';export default {components: { videoPlayer },data () {return {videoSrc: 'rtsp://rtspstream:14277f5...',}},}
</script>

总结:功能实现需要建立在有一个第三方转流服务的基础上,本地开发的时候可以在双击运行webrtc-streamer.exe可执行文件后使用http://127.0.0.1:8000服务,打包发布到线上的时候可以让后台在服务器上安装webrtc-streamer并提供真实的地址,操作类似。

ps:一开始搜到的很多是用的浏览器插件播放的,例如vlc插件,但是那些只针对很老的版本的浏览器,现在的浏览器基本都不支持这些插件了。本来还嫌麻烦想着能不能不依赖第三方服务自己实现播放的,为此还研究纠结了很久也没啥结果,最后选择了这种感觉用着也挺方便的,算了不纠结了就这样吧。

http://www.yayakq.cn/news/616859/

相关文章:

  • 国外响应式网站模板公众平台网站建设哪家专业
  • 网站建设误区网站建设 amp 找VX cp5173
  • 达州市做网站新乡网站建设
  • 网站建设与管理维护 李建青wordpress 代码高亮插件
  • 可以做mv的视频网站如何查找网站所有页面
  • 简约大气网站首页phpcms下载
  • 制定营销推广方案seo分析及优化建议
  • 江苏省华建建设股份有限公司网站本地门户网站系统
  • 直接进网站的浏览器设计规范网站
  • 网站 绝对路径 相对路径汨罗网站seo
  • 泉州网站seohtml工具软件
  • 厦门集美建设局网站做的烂的大网站
  • 宜昌市水利建设工程协会网站银川建设
  • 惠州企业网站seo公司菏泽企业做网站
  • 做网站付费流程wordpress连通公众号
  • 平远县建设工程交易中心网站上海建设部门网站
  • 网站建设工作室有几个部门爬虫网站开发
  • 赤壁市建设局网站网站将要准备建设的内容有哪些
  • 旅游网站建设ppt模板下载河南省城乡和住房建设厅网站
  • 河南网站建设哪里有电商网站模版
  • 南昌网站推广公司颜色调配网站
  • 免费行情软件app网站mnw下载公司网站招聘的作用
  • 网站建设优化推广系统做写字楼租赁用什么网站好
  • 网站设计说明书800字网页设计基础教程视频教程
  • 如何在网站做引流wordpress 中文标签插件下载
  • 怎么做淘宝客网站淘宝现在不能发布网站建设
  • 深圳做网站建设的公司中企动力邮箱手机版
  • 网站制作报价大约制作企业网站页面的实训报告
  • 常州模板网站建设价格网站上线 备案
  • 自己做文学网站赚钱吗关键词下载