| | |
|---|
| | | <span class="jessibuca-btn">{{kBps}} kb/s</span> |
|---|
| | | <!-- <i class="iconfont icon-file-record1 jessibuca-btn"></i>--> |
|---|
| | | <!-- <i class="iconfont icon-xiangqing2 jessibuca-btn" ></i>--> |
|---|
| | | <i class="iconfont icon-crop2 jessibuca-btn" @click="jessibuca.screenshot('截图','png',0.5)"></i> |
|---|
| | | <i class="iconfont icon-camera1196054easyiconnet jessibuca-btn" @click="jessibuca.screenshot('截图','png',0.5)" style="font-size: 1rem !important"></i> |
|---|
| | | <i class="iconfont icon-shuaxin11 jessibuca-btn" @click="playBtnClick"></i> |
|---|
| | | <i v-if="!fullscreen" class="iconfont icon-weibiaoti10 jessibuca-btn" @click="fullscreenSwich"></i> |
|---|
| | | <i v-if="fullscreen" class="iconfont icon-weibiaoti11 jessibuca-btn" @click="fullscreenSwich"></i> |
|---|
| | |
|---|
| | | forceNoOffscreen: false, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | props: ['videoUrl', 'error', 'hasaudio', 'height'], |
|---|
| | | props: ['videoUrl', 'error', 'hasAudio', 'height'], |
|---|
| | | mounted () { |
|---|
| | | window.onerror = (msg) => { |
|---|
| | | // console.error(msg) |
|---|
| | |
|---|
| | | create(){ |
|---|
| | | let options = {}; |
|---|
| | | console.log(this.$refs.container) |
|---|
| | | console.log("hasAudio " + this.hasAudio) |
|---|
| | | |
|---|
| | | this.jessibuca = new window.Jessibuca(Object.assign( |
|---|
| | | { |
|---|
| | | container: this.$refs.container, |
|---|
| | | videoBuffer: 0.5, // 最大缓冲时长，单位秒 |
|---|
| | | isResize: true, |
|---|
| | | isFlv: true, |
|---|
| | | decoder: "./static/js/jessibuca/index.js", |
|---|
| | | // text: "WVP-PRO", |
|---|
| | | // background: "bg.jpg", |
|---|
| | | loadingText: "加载中", |
|---|
| | | hasAudio: this.hasAudio, |
|---|
| | | hasAudio: typeof (this.hasAudio) =="undefined"? true: this.hasAudio, |
|---|
| | | debug: false, |
|---|
| | | supportDblclickFullscreen: false, // 是否支持屏幕的双击事件，触发全屏，取消全屏事件。 |
|---|
| | | operateBtns: { |
|---|
