各位老铁们，大家好，今天由我来为大家分享谷歌浏览器jsimport，以及谷歌浏览器下载手机版的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

本文目录

1. 在uni-app中引入和使用uViewUI
2. rtsp流浏览器播放方案

一、在uni-app中引入和使用uViewUI

uViewUI在HBuilder X的插件市场：

uViewUI官方地址：

有两种方式可以查询到正在使用的uView的版本：

console.log(this.$u.config.version);

uView依赖SCSS，您必须要安装此插件，否则无法正常运行。

2.1、HBuilderX工具中要安装scss插件： HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装

在插件市场直接导入：

注：插件市场不支持IE跳转，建议用谷歌浏览器

如果您的项目是由vue-cli创造的，请通过以下命令安装对sass（s​​css）的支持，如果已安装，请略过。

3.1、在main.js文件全局引入uView

3.2、uni.scss文件引入uView的全局SCSS主题文件

3.3、在App.vue文件引入uView基础样式

注：uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启HX或重新编译项目才能正常使用uView的功能。

请确保您的pages.json中只有一个easycom分区，否则请自行合并多个约会规则。

// pages.json{"easycom":{"^u-(.*)":"uview-ui/components/u-$1/u-$1.vue"},//此为本身已有的内容"pages": [//...... ]}

某些情况下，您可能不想通过easycom引用组件（虽然我们极力推荐您使用easycom），那么您可以使用import这个常规的约会方式，如下：

二、rtsp流浏览器播放方案

rtsp流在主流浏览器并不支持直接播放。比如大华的视频流：rtsp://admin:123456@

192.168.10.129/cam/realmonitor?channel=1&subtype=0，用vlc可以直接播放。但在浏览器会报ERR_UNKNOWN_URL_SCHEME。那如何在浏览器中播放呢。

1、安装插件（chrome最新版基本都不支持）

类如：kurento，vlc插件（谷歌浏览器版本41以下),vgx插件(不支持高版本，chrome72.0版本可用)等。

2、安装软件（中间件，基本都付费）

类如：Appemit（调用vlc插件播放rtsp），可以免安装的，目前只能windows,免费版会有提示。

猿大师中间件（底层调用VLC的ActiveX控件，实现在主流浏览器网页中内嵌播放多路RTSP的实时视频流），中间件收费的。

PluginOK(牛插)中间件。底层调用ActiveX控件VlcOcx.dll。（商业用途需付费使用）

推流--------------服务器转发--------------拉流

a,vlc软件串流到http协议，网页显示几个视频需启动几个vlc,只适合应急场景。

b,html5+ websocket_rtsp_proxy实现视频流直播，基于MSE（Media Source Extensions,W3C），扩展H5的功能。

步骤：服务器安装streamedian服务器，客户端通过video标签播放。

基于nginx实现rtmp转化，用flash实现播放。由于flash目前大多浏览器默认禁用，不推荐此方式。

步骤：安装ffmpeg工具,安装nginx。

另外nginx-rtmp-module也支持HLS协议,可以搭建基于hls的直播服务器。

d.rtsp转hls播放,通过ffmpeg转码

步骤：安装ffmpeg工具，ffmpeg转码。

ffmpeg-i"rtsp://admin:123456@192.168.10.129/cam/realmonitor?channel=1&subtype=0"-c copy-f hls-hls_time 2.0-hls_list_size 0-hls_wrap 15"D:/hls/test.m3u8"

缺点是直播流延时很大，对实时要求比较高的不满足要求。

案例：基于EasyDarwin拾建转码服务器。参考地址:

e.websocket代理推送，FFMPEG转码

（1）Gin+WebSocket+FFMPEG实现rtsp转码,参考：

通过FFMPEG把rstp转成http，ginrtsp作为转发服务器，但需要自己写相应接口，需要了解go语言。

（2）node+ ffmpeg+ websocket+ flv.js，参考：

步骤：在node服务中建立websocket；通过fluent-ffmpeg转码，将RTSP流转为flv格式；通过flv.js连接websocket，并对获取的flv格式视频数据进行渲染播放。

import WebSocket from'ws'import webSocketStream from'websocket-stream/stream'import ffmpeg from'fluent-ffmpeg'//建立WebSocket服务const wss= new WebSocket.Server({ port: 8888, perMessageDeflate: false})//监听连接wss.on('connection', handleConnection)//连接时触发事件function handleConnection(ws, req){ //获取前端请求的流地址（前端websocket连接时后面带上流地址）  const url= req.url.slice(1) //传入连接的ws客户端实例化一个流  const stream= webSocketStream(ws,{ binary: true}) //通过ffmpeg命令对实时流进行格式转换输出flv格式  const ffmpegCommand= ffmpeg(url)  .addInputOption('-analyzeduration','100000','-max_delay','1000000')  .on('start', function(){ console.log('Stream started.')})  .on('codecData', function(){ console.log('Stream codecData.')})  .on('error', function(err){    console.log('An error occured:', err.message)    stream.end()  })  .on('end', function(){    console.log('Stream end!')    stream.end()  })  .outputFormat('flv').videoCodec('copy').noAudio()  stream.on('close', function(){   ffmpegCommand.kill('SIGKILL') })  try{  //执行命令传输到实例流中返回给客户端   ffmpegCommand.pipe(stream) } catch(error){   console.log(error) }}

优点全部基于js。前端即可搞定。

参考:

谷歌浏览器jsimport和谷歌浏览器下载手机版的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！