|
@@ -24,7 +24,7 @@
|
|
<a-card title="未绑定摄像头" :bordered="false">
|
|
<a-card title="未绑定摄像头" :bordered="false">
|
|
<div class="videoPlayer">
|
|
<div class="videoPlayer">
|
|
<div class="play-videos">
|
|
<div class="play-videos">
|
|
- <div class="xgPlayer">未绑定摄像头</div>
|
|
|
|
|
|
+ <div class="xgPlayer">未绑定摄像头</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a-card>
|
|
</a-card>
|
|
@@ -91,7 +91,14 @@ export default {
|
|
videoFillMode: 'auto',
|
|
videoFillMode: 'auto',
|
|
enableContextmenu: true,
|
|
enableContextmenu: true,
|
|
loop: false, // 是否自动循环
|
|
loop: false, // 是否自动循环
|
|
- lang: 'zh-cn', // 语言,'en', 'zh-cn', 'zh-tw'
|
|
|
|
|
|
+ lang: 'zh-cn',
|
|
|
|
+ i18n: [{
|
|
|
|
+ LANG: 'zh-cn', // 要定义的语言
|
|
|
|
+ // 文本语言
|
|
|
|
+ TEXT: {
|
|
|
|
+ ERROR: '传输网络不稳定,请稍后再试' // 如果内置已经有该文本的定义,则直接覆盖, 没有则扩展
|
|
|
|
+ }
|
|
|
|
+ }],
|
|
screenShot: {// 是否允许截图(按钮)
|
|
screenShot: {// 是否允许截图(按钮)
|
|
saveImg: true,
|
|
saveImg: true,
|
|
quality: 0.92,
|
|
quality: 0.92,
|
|
@@ -162,7 +169,7 @@ export default {
|
|
if (!url) return console.warn('url is not esist')
|
|
if (!url) return console.warn('url is not esist')
|
|
if (url) {
|
|
if (url) {
|
|
this.xOptions.url = url
|
|
this.xOptions.url = url
|
|
- if (this.url.toLowerCase().indexOf('.flv') > 0) {
|
|
|
|
|
|
+ if (url.toLowerCase().indexOf('.flv') > 0) {
|
|
this.xOptions.plugins = [FlvPlugin]
|
|
this.xOptions.plugins = [FlvPlugin]
|
|
} else {
|
|
} else {
|
|
this.xOptions.plugins = [HlsPlugin]
|
|
this.xOptions.plugins = [HlsPlugin]
|
|
@@ -189,6 +196,7 @@ export default {
|
|
height: 380px;
|
|
height: 380px;
|
|
background: black;
|
|
background: black;
|
|
margin: 5px auto 1px 0;
|
|
margin: 5px auto 1px 0;
|
|
|
|
+ padding-left: 40px;
|
|
.xgPlayer .dplayer-video-wrap {
|
|
.xgPlayer .dplayer-video-wrap {
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
height: 100% !important;
|