zm/sociology_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

安卓可以播放版本

Browse Source
This commit is contained in:
始于初见
2024-07-13 14:39:17 +08:00
parent 772624ba9b
commit 5c589a22fa
6 changed files with 2482 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

772
pages/component/commonComponents/video/AliPlayer copy 2.vue Normal file
View File

@@ -0,0 +1,772 @@
<template>
<div class="prism-player" :id="playerId" :style="playStyle"></div>
</template>
<script>
export default {
name: "Aliplayer",
props: {
source: {
type: String,
default: ""
},
//媒体转码服务的媒体Id。
vid: {
type: String,
default: ""
},
//播放权证
playauth: {
type: String,
default: ""
},
//容器的大小
height: {
type: String,
default: "460px"
},
//容器的大小
width: {
type: String,
default: "100%"
},
//视频的高度大小
videoWidth: {
type: String,
default: "100%"
},
//视频的宽度大小
videoHeight: {
type: String,
default: "460px"
},
//播放器自动加载，目前仅h5可用
preload: {
type: Boolean,
default: false
},
//播放器默认封面图片，请填写正确的图片url地址。需要autoplay为’false’时，才生效
cover: {
type: String,
default: ""
},
//播放内容是否为直播，直播时会禁止用户拖动进度条。
isLive: {
type: Boolean,
default: false
},
//播放器是否自动播放，在移动端autoplay属性会失效。
autoplay: {
type: Boolean,
default: false
},
//播放器自动循环播放。
rePlay: {
type: Boolean,
default: false
},
//指定使用H5播放器。
useH5Prism: {
type: Boolean,
default: false
},
//指定使用Flash播放器。
useFlashPrism: {
type: Boolean,
default: false
},
//H5是否内置播放，有的Android浏览器不起作用。
playsinline: {
type: Boolean,
default: false
},
//显示播放时缓冲图标，默认true。
showBuffer: {
type: Boolean,
default: true
},
//URL 皮肤图片，不建议随意修改该字段，如要修改，请参照皮肤定制。
skinRes: {
type: String,
default: ""
},
//进度条
skinLayout: {
type: Array,
default: function () {
return [{
"name": "bigPlayButton",
"align": "cc",
"x": 30,
"y": 80
},
{
"name": "errorDisplay",
"align": "tlabs",
"x": 0,
"y": 0
},
{
"name": "infoDisplay"
},
{
"name": "controlBar",
"align": "blabs",
"x": 0,
"y": 0,
"children": [
{name: "progress", align: "blabs", x: 0, y: 44}, //播放进度条
{name: "playButton", align: "tl", x: 15, y: 12}, //播放开始暂停按钮
{name: "timeDisplay", align: "tl", x: 10, y: 7}, //播放视频时间
{
"name": "fullScreenButton", //全屏按钮
"align": "tr",
"x": 10,
"y": 10
},
{
"name": "volume", //音量
"align": "tr",
"x": 5,
"y": 10
}
]
}]
}
},
//默认为‘hover’。可选的值为：‘click’、‘hover’、‘always’。
controlBarVisibility: {
type: String,
default: "hover"
},
//控制栏自动隐藏时间（ms）
showBarTime: {
type: String,
default: ""
},
/***
* JSON串用于定制性接口参数，目前支持：
1.“fullTitle”：“测试页面”
全屏时显示视频标题（仅flash支持）。
2. “m3u8BufferLength”：“30”
播放m3u8时加载缓存ts文件长度单位（秒）（仅flash支持）。
3. “liveStartTime”：“2016/08/17 12:00:00”
直播开始时间，用于提示直播未开始(仅flash支持)。
4. “liveOverTime”：“2016/08/17 14:00:00”
直播结束时间，用于提示直播结束（仅flash支持）。
*/
extraInfo: {
type: String,
default: ""
},
/**
*是否允许系统右键菜单显示，默认为false。
*/
enableSystemMenu: {
type: Boolean,
default: false
},
/***
*
*指定播放地址格式，只有使用vid的播放方式时支持
可选值为’mp4’、’m3u8’、’flv’、’mp3’，默认为空，仅H5支持。
* */
format: {
type: String,
default: "m3u8"
},
/***
*
* 指定返回音频还是视频，只有使用vid的播放方式时支持。
可选值为’video’和’audio’，默认为’video’
‘audio’主要是针对只包含音频的视频格式，比如音频的mp4，仅H5支持。
* */
mediaType: {
type: String,
default: "video"
},
/***
* 指定排序方式，只有使用vid + plauth播放方式时支持。
‘desc’表示按倒序排序（即：从大到小排序）
‘asc’表示按正序排序（即：从小到大排序）
默认值：‘asc’，仅H5支持。
* */
qualitySort: {
type: String,
default: "asc"
},
/***
* 显示视频清晰度，多个用逗号分隔，比如：’FD,LD’，此值是vid对应流清晰度的一个子集，
取值范围：FD（流畅）LD（标清）SD（高清）HD（超清）OD（原画）2K（2K）4K（4K），仅H5支持。
* */
definition: {
type: String,
default: ""
},
/**
* 默认视频清晰度，此值是vid对应流的一个清晰度，
取值范围：FD（流畅）LD（标清）SD（高清）HD（超清）OD（原画）2K（2K）4K（4K），仅H5支持。
* */
defaultDefinition: {
type: String,
default: ""
},
/**
* 声明启用同层H5播放器，启用时设置的值为‘h5’
* */
x5_type: {
type: String,
default: "h5"
},
/**
* 声明视频播放时是否进入到TBS的全屏模式，默认为false。
当需要把视频做为背景时，设置为true
* */
x5_fullscreen: {
type: Boolean,
default: false
},
/**
* 声明视频播在界面上的位置，默认为“center”。
可选值为：“top”，“center”
* */
x5_video_position: {
type: String,
default: "center"
},
/**
* 声明 TBS 播放器支持的方向，可选值：
landscape:横屏）
portraint:竖屏
landscape
* */
x5_orientation: {
type: String,
default: "portraint"
},
/**
* 声明TBS全屏播放是否横屏，默认值为true。
* */
x5LandscapeAsFullScreen: {
type: String,
default: "true"
},
/**
* 延迟播放时间，单位为秒。
* */
autoPlayDelay: {
type: Number,
default: 0
},
/**
* 延迟播放提示文本
* */
autoPlayDelayDisplayText: {
type: String,
default: "正在转码，请稍后......"
},
/**
* 国际化，默认为‘zh-cn’。
如果未设置，则采用浏览器语言。
可选值为‘zh-cn’、‘en-us’或其它值。
* */
language: {
type: String,
default: "zh-cn"
},
/**
* 自定义国际化文本json结构，key的值需要和language属性值对应起来。
例子：{jp:{Play:”Play”}}
* */
languageTexts: {
type: Object,
default: function () {
return {}
}
},
/**
* flash启用截图功能
* */
snapshot: {
type: Boolean,
default: false
},
/**
* H5设置截图水印。
* */
snapshotWatermark: {
type: Object,
default: function () {
return {}
}
},
/**
* Safari浏览器可以启用Hls插件播放，Safari 11除外。
* */
useHlsPluginForSafari: {
type: Boolean,
default: false
},
/**
* H5播放flv时，设置是否启用播放缓存，只在直播下起作用。
* */
enableStashBufferForFlv: {
type: Boolean,
default: false
},
/**
* H5播放flv时，初始缓存大小，只在直播下起作用。
* */
stashInitialSizeForFlv: {
type: Number,
default: 10
},
/**
* 缓冲多长时间后，提示用户切换低清晰度，默认：20秒。
* */
loadDataTimeout: {
type: Number,
default: 20
},
/**
*最大缓冲超时时间，超过这个时间会有错误提示，默认：60秒。
* */
waitingTimeout: {
type: Number,
default: 60
},
/**
* 直播开始时间，直播时移功能使用，格式为：“2018/01/04 12:00:00”。
* */
liveStartTime: {
type: String,
default: ""
},
/**
* 直播结束时间，直播时移功能使用，格式为：“2018/01/04 12:00:00”。
* */
liveOverTime: {
type: String,
default: ""
},
/**
* 直播可用时移查询地址，详情参见直播时移。
* https://help.aliyun.com/document_detail/65129.html?spm=a2c4g.11186623.2.28.3603bf80LR74sS
* */
liveTimeShiftUrl: {
type: String,
default: ""
},
/**
* flv直播和hls时移切换是，重新创建播放器方法，详情参见直播时移。
* https://help.aliyun.com/document_detail/65129.html?spm=a2c4g.11186623.2.28.3603bf80LR74sS
* */
recreatePlayer: {
type: Function,
default: function () {
}
},
/**
*是否显示检测按钮，默认为true。
* */
diagnosisButtonVisible: {
type: Boolean,
default: true
},
/**
* 禁用进度条的Seek，默认为false，仅Flash支持。
* */
disableSeek: {
type: Boolean,
default: false
},
/**
* 加密类型，播放点播私有加密视频时，设置值为1，默认值为0。
* */
encryptType: {
type: Number,
default: 0
},
/**
* 进度条打点内容数组，详情参见进度条打点。
* [
{offset:0,text:'阿里视频云端到云到端服务的重要一环'},
{offset:10,text:'除了支持点播和直播的基础播放功能外'},
{offset:20,text:'深度融合视频云业务'},
{offset:30,text:'为用户提供简单、快速、安全、稳定的视频播放服务'},
{offset:40,text:'安装播放器Demo进行体验'},
{offset:50,text:'开发人员请点击SDK下载'}
]
* https://yq.aliyun.com/articles/686043?spm=a2c4g.11186623.2.31.3603bf80LR74sS
* */
progressMarkers: {
type: Array,
default: function () {
return []
}
},
/**
* 点播失败重试次数，默认3次
* */
vodRetry: {
type: Number,
default: 3
},
/**
* 直播播放失败重试次数，默认5次
* */
liveRetry: {
type: Number,
default: 5
},
playStyle: {
type: String,
default: ""
},
aliplayerSdkPath: {
// Aliplayer 代码的路径
type: String,
default: "https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js"
},
},
data() {
return {
playerId: "aliplayer_" + Math.random().toString(36).substr(2),
scriptTagStatus: 0,
isReload: false,
instance: null
};
},
created() {
if (window.Aliplayer !== undefined) {
// 如果全局对象存在，说明编辑器代码已经初始化完成，直接加载编辑器
this.scriptTagStatus = 2;
this.initAliplayer();
} else {
// 如果全局对象不存在，说明编辑器代码还没有加载完成，需要加载编辑器代码
this.insertScriptTag();
}
},
mounted() {
if (window.Aliplayer !== undefined) {
// 如果全局对象存在，说明编辑器代码已经初始化完成，直接加载编辑器
this.scriptTagStatus = 2;
this.initAliplayer();
} else {
// 如果全局对象不存在，说明编辑器代码还没有加载完成，需要加载编辑器代码
this.insertScriptTag();
}
},
methods: {
insertScriptTag() {
const _this = this;
let playerScriptTag = document.getElementById("playerScriptTag");
// 如果这个tag不存在，则生成相关代码tag以加载代码
if (playerScriptTag === null) {
playerScriptTag = document.createElement("script");
playerScriptTag.type = "text/javascript";
playerScriptTag.src = this.aliplayerSdkPath;
playerScriptTag.id = "playerScriptTag";
let s = document.getElementsByTagName("head")[0];
s.appendChild(playerScriptTag);
}
if (playerScriptTag.loaded) {
_this.scriptTagStatus++;
} else {
playerScriptTag.addEventListener("load", () => {
_this.scriptTagStatus++;
playerScriptTag.loaded = true;
_this.initAliplayer();
});
}
_this.initAliplayer();
},
initAliplayer() {
const _this = this;
// scriptTagStatus 为 2 的时候，说明两个必需引入的 js 文件都已经被引入，且加载完成
if (
_this.scriptTagStatus === 2 &&
(_this.instance === null || _this.reloadPlayer)
) {
_this.instance && _this.instance.dispose();
document.querySelector("#" + _this.playerId).innerHTML = "";
// Vue 异步执行 DOM 更新，这样一来代码执行到这里的时候可能 template 里面的 script 标签还没真正创建
// 所以，我们只能在 nextTick 里面初始化 Aliplayer
_this.$nextTick(() => {
_this.instance = window.Aliplayer({
id: _this.playerId,
source: _this.source,
vid: _this.vid,
playauth: _this.playauth,
width: _this.width,
height: _this.height,
videoWidth: _this.videoWidth,
videoHeight: _this.videoHeight,
preload: _this.preload,
cover: _this.cover,
isLive: _this.isLive,
autoplay: _this.autoplay,
rePlay: _this.rePlay,
useH5Prism: _this.useH5Prism,
useFlashPrism: _this.useFlashPrism,
playsinline: _this.playsinline,
showBuffer: _this.showBuffer,
skinRes: _this.skinRes,
skinLayout: _this.skinLayout,
controlBarVisibility: _this.controlBarVisibility,
showBarTime: _this.showBarTime,
extraInfo: _this.extraInfo,
enableSystemMenu: _this.enableSystemMenu,
format: _this.format,
mediaType: _this.mediaType,
qualitySort: _this.qualitySort,
definition: _this.definition,
defaultDefinition: _this.defaultDefinition,
x5_type: _this.x5_type,
x5_fullscreen: _this.x5_fullscreen,
x5_video_position: _this.x5_video_position,
x5_orientation: _this.x5_orientation,
x5LandscapeAsFullScreen: _this.x5LandscapeAsFullScreen,
autoPlayDelay: _this.autoPlayDelay,
autoPlayDelayDisplayText: _this.autoPlayDelayDisplayText,
language: _this.language,
languageTexts: _this.languageTexts,
snapshot: _this.snapshot,
snapshotWatermark: _this.snapshotWatermark,
useHlsPluginForSafari: _this.useHlsPluginForSafari,
enableStashBufferForFlv: _this.enableStashBufferForFlv,
stashInitialSizeForFlv: _this.stashInitialSizeForFlv,
loadDataTimeout: _this.loadDataTimeout,
waitingTimeout: _this.waitingTimeout,
liveStartTime: _this.liveStartTime,
liveTimeShiftUrl: _this.liveTimeShiftUrl,
liveShiftSource: _this.liveShiftSource,
recreatePlayer: _this.recreatePlayer,
diagnosisButtonVisible: _this.diagnosisButtonVisible,
disableSeek: _this.disableSeek,
encryptType: _this.encryptType,
progressMarkers: _this.progressMarkers,
vodRetry: _this.vodRetry,
liveRetry: _this.liveRetry,
});
// 绑定事件，当 AliPlayer 初始化完成后，将编辑器实例通过自定义的 ready 事件交出去
_this.instance.on("ready", () => {
this.$emit("ready", _this.instance);
});
_this.instance.on("play", () => {
this.$emit("play", _this.instance);
});
_this.instance.on("pause", () => {
this.$emit("pause", _this.instance);
});
_this.instance.on("ended", () => {
this.$emit("ended", _this.instance);
});
_this.instance.on("liveStreamStop", () => {
this.$emit("liveStreamStop", _this.instance);
});
_this.instance.on("m3u8Retry", () => {
this.$emit("m3u8Retry", _this.instance);
});
_this.instance.on("hideBar", () => {
this.$emit("hideBar", _this.instance);
});
_this.instance.on("waiting", () => {
this.$emit("waiting", _this.instance);
});
_this.instance.on("snapshoted", () => {
this.$emit("snapshoted", _this.instance);
});
_this.instance.on("timeupdate", () => {
this.$emit("timeupdate", _this.instance);
});
_this.instance.on("requestFullScreen", () => {
this.$emit("requestFullScreen", _this.instance);
});
_this.instance.on("cancelFullScreen", () => {
this.$emit("cancelFullScreen", _this.instance);
});
_this.instance.on("error", () => {
this.$emit("error", _this.instance);
});
let start = true;
let startProgress = 0;
let endProgress = 0;
//禁止拖动进度条
_this.instance.on("startSeek", (e) => {
if (start) {
start = false;
startProgress = _this.instance.getCurrentTime();
}
_this.instance.pause();
// this.$emit("startSeek", _this.instance);
});
//禁止拖动进度条
_this.instance.on("completeSeek", () => {
start = true;
endProgress = _this.instance.getCurrentTime();
if (endProgress < startProgress) {
_this.instance.seek(endProgress);
} else {
_this.instance.seek(startProgress);
}
_this.instance.play();
// this.$emit("completeSeek", _this.instance);
});
});
}
},
/**
* 播放视频
*/
play: function () {
this.instance.play();
},
/**
* 暂停视频
*/
pause: function () {
this.instance.pause();
},
/**
* 重播视频
*/
replay: function () {
this.instance.replay();
},
/**
* 跳转到某个时刻进行播放
* @argument time 的单位为秒
*/
seek: function (time) {
this.instance.seek(time);
},
/**
* 获取当前时间 单位秒
*/
getCurrentTime: function () {
return this.instance.getCurrentTime();
},
/**
*获取视频总时长，返回的单位为秒
* @returns 返回的单位为秒
*/
getDuration: function () {
return this.instance.getDuration();
},
/**
获取当前的音量，返回值为0-1的实数ios和部分android会失效
*/
getVolume: function () {
return this.instance.getVolume();
},
/**
设置音量，vol为0-1的实数，ios和部分android会失效
*/
setVolume: function (vol) {
this.instance.setVolume(vol);
},
/**
*直接播放视频url，time为可选值（单位秒）目前只支持同种格式（mp4/flv/m3u8）之间切换暂不支持直播rtmp流切换
*@argument url 视频地址
*@argument time 跳转到多少秒
*/
loadByUrl: function (url, time) {
this.instance.loadByUrl(url, time);
},
/**
* 设置播放速度
*@argument speed 速度
*/
setSpeed: function (speed) {
this.instance.setSpeed(speed);
},
/**
* 设置播放器大小w,h可分别为400px像素或60%百分比chrome浏览器下flash播放器分别不能小于397x297
*@argument w 播放器宽度
*@argument h 播放器高度
*/
setPlayerSize: function (w, h) {
this.instance.setPlayerSize(w, h);
},
/**
*目前只支持H5播放器。
暂不支持不同格式视频间的之间切换。
暂不支持直播rtmp流切换。
*/
replayByVidAndPlayAuth: function (vid, accId, accSecret, stsToken, authInfo, domainRegion) {
this.instance.replayByVidAndPlayAuth(vid, accId, accSecret, stsToken, authInfo, domainRegion);
},
/***
* 重新设置vid和权限，目前只支持H5播放器。
暂不支持不同格式视频间的之间切换。
暂不支持直播rtmp流切换。
* @param vid 视频ID
* @param playauth 播放权限
*/
replayByVidAndAuthInfo: function (vid, playauth) {
this.instance.replayByVidAndAuthInfo(vid, playauth);
},
/**
* 目前只支持HTML5界面上的重载功能,暂不支持直播rtmp流切换m3u8）之间切换,暂不支持直播rtmp流切换
*@argument vid 视频id
*@argument playauth 播放凭证
*/
reloaduserPlayInfoAndVidRequestMts: function (vid, playauth) {
this.instance.reloaduserPlayInfoAndVidRequestMts(vid, playauth);
},
/***
*设置截图参数
* @param width 宽度
* @param height 高度
* @param rate 截图质量
*/
setSanpshotProperties: function (width, height, rate) {
this.instance.setSanpshotProperties(width, height, rate);
},
/**
* 设置封面地址
* @param cover 封面地址
*/
setCover: function (cover) {
this.instance.setCover(cover);
},
reloadPlayer: function () {
this.isReload = true;
this.initAliplayer();
this.isReload = false;
}
}
};
</script>
<style>
@import url(https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css);
</style>

1030
pages/component/commonComponents/video/AliPlayer copy.vue Normal file
View File

File diff suppressed because it is too large Load Diff

188
pages/component/commonComponents/video/AliPlayer.vue
View File

@@ -2,7 +2,7 @@
<div>
<div
class="prism-player"
id="videoContent"
id="url-player-test"
:style="playStyle"
:source="source"
:vid="vid"
@@ -147,7 +147,7 @@ export default {
//容器的大小
height: {
type: String,
default: "460px",
default: "200px",
},
//容器的大小
width: {
@@ -162,7 +162,7 @@ export default {
//视频的宽度大小
videoHeight: {
type: String,
default: "460px",
default: "200px",
},
//播放器自动加载，目前仅h5可用
preload: {
@@ -329,7 +329,7 @@ export default {
* */
definition: {
type: String,
default: "",
default: "OD",
},
/**
* 默认视频清晰度，此值是vid对应流的一个清晰度，
@@ -574,20 +574,26 @@ export default {
data() {
return {
playerId: "aliplayer_" + Math.random().toString(36).substr(2),
// playerId: "aliplayer_" + Math.random().toString(36).substr(2),
playerId: "J_prismPlayer",
scriptTagStatus: 0,
isReload: false,
instance: null,
};
},
created() {
this.loadWebPlayerSDK()
console.log('at line 584:', '是否走了')
},
beforeDestroy() {
},
mounted() {
this.loadWebPlayerSDK()
// if (window.Aliplayer !== undefined) {
// // 如果全局对象存在，说明编辑器代码已经初始化完成，直接加载编辑器
// this.scriptTagStatus = 2;
@@ -603,15 +609,17 @@ export default {
const _this = this;
console.log('check是否获取到了授权',_this.playauth);
// console.log(this.videoId, this.authId, this.videoData, "1111888888")
if (!_this.playauth ) {
if (!_this.playauth&&_this.scriptTagStatus!=2 ) {
setTimeout(() => {
this.checkValue();
}, 1000);
} else {
console.log('渲染加载视频开始')
this.scriptTagStatus = 2;
this.initAliplayer();
setTimeout(()=>{
_this.initAliplayer();
},2000)
}
},
loadWebPlayerSDK() {
@@ -621,7 +629,9 @@ export default {
const s_tag = document.createElement('script'); // 引入播放器js
s_tag.type = 'text/javascript';
s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
// s_tag.src = 'https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js';
s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/aliplayer-min.js';
// s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
s_tag.charset = 'utf-8';
s_tag.onload = () => {
const s_tag1 = document.createElement('script'); // 引入播放器js
@@ -630,6 +640,7 @@ export default {
'https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js';
s_tag1.charset = 'utf-8';
s_tag1.onload = () => {
this.scriptTagStatus = 2;
this.checkValue();
resolve();
@@ -674,7 +685,7 @@ export default {
}
_this.initAliplayer();
},
initAliplayer() {
async initAliplayer() {
const _this = this;
// scriptTagStatus 为 2 的时候，说明两个必需引入的 js 文件都已经被引入，且加载完成
if (
@@ -683,67 +694,74 @@ export default {
(_this.instance === null || _this.reloadPlayer)
) {
_this.instance && _this.instance.dispose();
$("#videoContent").innerHTML= ""
// $("#" + _this.playerId).innerHTML = "";
// document.querySelector( = "";
// Vue 异步执行 DOM 更新，这样一来代码执行到这里的时候可能 template 里面的 script 标签还没真正创建
// 所以，我们只能在 nextTick 里面初始化 Aliplayer
// console.log(_this.playerId,_this.playauth,'98989')
_this.$nextTick(() => {
_this.instance = new Aliplayer({
id:'videoContent',
source: _this.source,
_this.instance = new Aliplayer({
id: "url-player-test",
// source: _this.source,
vid: _this.vid,
playauth: _this.playauth,
width: _this.width,
width: '100%',
height: _this.height,
videoWidth: _this.videoWidth,
videoHeight: _this.videoHeight,
preload: _this.preload,
cover: false,
isLive: _this.isLive,
autoplay: _this.autoplay,
rePlay: _this.rePlay,
useH5Prism: _this.useH5Prism,
useFlashPrism: _this.useFlashPrism,
playsinline: _this.playsinline,
showBuffer: _this.showBuffer,
skinRes: _this.skinRes,
playsinline: true,
controlBarVisibility: "click",
// videoWidth: _this.videoWidth,
// videoHeight: _this.videoHeight,
// preload: _this.preload,
cover: "",
// isLive: _this.isLive,
// autoplay: _this.autoplay,
// rePlay: _this.rePlay,
// useH5Prism: _this.useH5Prism,
// useFlashPrism: _this.useFlashPrism,
// playsinline: _this.playsinline,
// showBuffer: _this.showBuffer,
// skinRes: _this.skinRes,
skinLayout: _this.skinLayout,
controlBarVisibility: _this.controlBarVisibility,
showBarTime: _this.showBarTime,
extraInfo: _this.extraInfo,
enableSystemMenu: _this.enableSystemMenu,
format: _this.format,
mediaType: _this.mediaType,
qualitySort: _this.qualitySort,
definition: _this.definition,
defaultDefinition: _this.defaultDefinition,
x5_type: _this.x5_type,
x5_fullscreen: _this.x5_fullscreen,
x5_video_position: _this.x5_video_position,
x5_orientation: _this.x5_orientation,
x5LandscapeAsFullScreen: _this.x5LandscapeAsFullScreen,
autoPlayDelay: _this.autoPlayDelay,
autoPlayDelayDisplayText: _this.autoPlayDelayDisplayText,
language: _this.language,
languageTexts: _this.languageTexts,
snapshot: _this.snapshot,
snapshotWatermark: _this.snapshotWatermark,
useHlsPluginForSafari: _this.useHlsPluginForSafari,
enableStashBufferForFlv: _this.enableStashBufferForFlv,
stashInitialSizeForFlv: _this.stashInitialSizeForFlv,
loadDataTimeout: _this.loadDataTimeout,
waitingTimeout: _this.waitingTimeout,
liveStartTime: _this.liveStartTime,
liveTimeShiftUrl: _this.liveTimeShiftUrl,
liveShiftSource: _this.liveShiftSource,
recreatePlayer: _this.recreatePlayer,
diagnosisButtonVisible: _this.diagnosisButtonVisible,
disableSeek: _this.disableSeek,
// controlBarVisibility: _this.controlBarVisibility,
// showBarTime: _this.showBarTime,
// extraInfo: _this.extraInfo,
// enableSystemMenu: _this.enableSystemMenu,
// format: _this.format,
// mediaType: _this.mediaType,
// qualitySort: _this.qualitySort,
// definition: _this.definition,
// defaultDefinition: _this.defaultDefinition,
// x5_type: _this.x5_type,
// x5_fullscreen: _this.x5_fullscreen,
// x5_video_position: _this.x5_video_position,
// x5_orientation: _this.x5_orientation,
// x5LandscapeAsFullScreen: _this.x5LandscapeAsFullScreen,
// autoPlayDelay: _this.autoPlayDelay,
// autoPlayDelayDisplayText: _this.autoPlayDelayDisplayText,
// language: _this.language,
// languageTexts: _this.languageTexts,
// snapshot: _this.snapshot,
// snapshotWatermark: _this.snapshotWatermark,
// useHlsPluginForSafari: _this.useHlsPluginForSafari,
// enableStashBufferForFlv: _this.enableStashBufferForFlv,
// stashInitialSizeForFlv: _this.stashInitialSizeForFlv,
// loadDataTimeout: _this.loadDataTimeout,
// waitingTimeout: _this.waitingTimeout,
// liveStartTime: _this.liveStartTime,
// liveTimeShiftUrl: _this.liveTimeShiftUrl,
// liveShiftSource: _this.liveShiftSource,
// recreatePlayer: _this.recreatePlayer,
// diagnosisButtonVisible: _this.diagnosisButtonVisible,
// disableSeek: _this.disableSeek,
encryptType: _this.encryptType,
progressMarkers: _this.progressMarkers,
vodRetry: _this.vodRetry,
liveRetry: _this.liveRetry,
"playConfig": {
"EncryptType": 'AliyunVoDEncryption'
},
// progressMarkers: _this.progressMarkers,
// vodRetry: _this.vodRetry,
// liveRetry: _this.liveRetry,
});
// 绑定事件，当 AliPlayer 初始化完成后，将编辑器实例通过自定义的 ready 事件交出去
@@ -799,30 +817,30 @@ $("#videoContent").innerHTML= ""
this.$emit("error", _this.instance);
});
let start = true;
let startProgress = 0;
let endProgress = 0;
//禁止拖动进度条
_this.instance.on("startSeek", (e) => {
if (start) {
start = false;
startProgress = _this.instance.getCurrentTime();
}
_this.instance.pause();
// this.$emit("startSeek", _this.instance);
});
// let startProgress = 0;
// let endProgress = 0;
// //禁止拖动进度条
// _this.instance.on("startSeek", (e) => {
// if (start) {
// start = false;
// startProgress = _this.instance.getCurrentTime();
// }
// _this.instance.pause();
// // this.$emit("startSeek", _this.instance);
// });
//禁止拖动进度条
_this.instance.on("completeSeek", () => {
start = true;
endProgress = _this.instance.getCurrentTime();
if (endProgress < startProgress) {
_this.instance.seek(endProgress);
} else {
_this.instance.seek(startProgress);
}
_this.instance.play();
// this.$emit("completeSeek", _this.instance);
});
// //禁止拖动进度条
// _this.instance.on("completeSeek", () => {
// start = true;
// endProgress = _this.instance.getCurrentTime();
// if (endProgress < startProgress) {
// _this.instance.seek(endProgress);
// } else {
// _this.instance.seek(startProgress);
// }
// _this.instance.play();
// // this.$emit("completeSeek", _this.instance);
// });
});
}
},

2
pages/component/commonComponents/video/index.vue
View File

@@ -26,7 +26,7 @@
:showBarTime="true"
:disableSeek="true"
showBarTime="500"
width="300px"
controlBarVisibility="always"
>
</common-list-aliyun>

23
unpackage/dist/dev/app-plus/app-service.js vendored
View File

File diff suppressed because one or more lines are too long

717
unpackage/dist/dev/app-plus/app-view.js vendored
View File

@@ -52279,7 +52279,7 @@ module.exports = exports;
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ%3D%3D& */ 1149);
/* harmony import */ var _AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ%3D%3D& */ 1149);
/* harmony import */ var _AliPlayer_vue_vue_type_renderjs_module_renderScript_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AliPlayer.vue?vue&type=renderjs&module=renderScript&lang=js& */ 1151);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _AliPlayer_vue_vue_type_renderjs_module_renderScript_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _AliPlayer_vue_vue_type_renderjs_module_renderScript_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/* harmony import */ var _AliPlayer_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AliPlayer.vue?vue&type=script&lang=js& */ 1156);
@@ -52299,14 +52299,14 @@ _AliPlayer_vue_vue_type_renderjs_module_renderScript_lang_js___WEBPACK_IMPORTED_
var component = Object(_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_4__["default"])(
_AliPlayer_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_2__["default"],
_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["render"],
_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["render"],
_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false,
null,
"671bb748",
null,
false,
_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["components"],
_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["components"],
_AliPlayer_vue_vue_type_renderjs_module_renderScript_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"]
)
@@ -52316,28 +52316,28 @@ component.options.__file = "pages/component/commonComponents/video/AliPlayer.vue
/***/ }),
/* 1149 */
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** D:/0--------------------xulu/sociology_app/pages/component/commonComponents/video/AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ%3D%3D& ***!
!*** D:/0--------------------xulu/sociology_app/pages/component/commonComponents/video/AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ%3D%3D& ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns, recyclableRender, components */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--17-0!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/view/style.js!./AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ%3D%3D& */ 1150);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--17-0!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../软件/软件/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/view/style.js!./AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ%3D%3D& */ 1150);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["recyclableRender"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["recyclableRender"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "components", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["components"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "components", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_filter_modules_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_view_style_js_AliPlayer_vue_vue_type_template_id_671bb748_scoped_true_filter_modules_eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ_3D_3D___WEBPACK_IMPORTED_MODULE_0__["components"]; });
/***/ }),
/* 1150 */
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--17-0!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/view/style.js!D:/0--------------------xulu/sociology_app/pages/component/commonComponents/video/AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyMSwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6Mjk5NzF9fQ%3D%3D& ***!
!*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--17-0!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/view/style.js!D:/0--------------------xulu/sociology_app/pages/component/commonComponents/video/AliPlayer.vue?vue&type=template&id=671bb748&scoped=true&filter-modules=eyJyZW5kZXJTY3JpcHQiOnsidHlwZSI6InJlbmRlcmpzIiwiY29udGVudCI6IiIsInN0YXJ0IjoxNDkyNiwiYXR0cnMiOnsibW9kdWxlIjoicmVuZGVyU2NyaXB0IiwibGFuZyI6ImpzIn0sImVuZCI6MzA3MzB9fQ%3D%3D& ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns, recyclableRender, components */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -52417,7 +52417,7 @@ var render = function () {
staticClass: _vm._$g(1, "sc"),
style: _vm._$g(1, "s"),
attrs: {
id: "videoContent",
id: "url-player-test",
source: _vm._$gc(1, "change:source"),
vid: _vm._$gc(1, "change:vid"),
playauth: _vm._$gc(1, "change:playauth"),
@@ -52586,22 +52586,26 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ 1273));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ 1275));
var _jquery = _interopRequireDefault(__webpack_require__(/*! jquery */ 1153));
var _default = {
name: "Aliplayer",
data: function data() {
return {
playerId: "aliplayer_" + Math.random().toString(36).substr(2),
// playerId: "aliplayer_" + Math.random().toString(36).substr(2),
playerId: "J_prismPlayer",
scriptTagStatus: 0,
isReload: false,
instance: null
};
},
created: function created() {
this.loadWebPlayerSDK();
__f__("log", 'at line 584:', '是否走了', " at pages/component/commonComponents/video/AliPlayer.vue:17");
},
beforeDestroy: function beforeDestroy() {},
mounted: function mounted() {
this.loadWebPlayerSDK();
// if (window.Aliplayer !== undefined) {
// // 如果全局对象存在，说明编辑器代码已经初始化完成，直接加载编辑器
// this.scriptTagStatus = 2;
@@ -52611,20 +52615,22 @@ var _default = {
// this.insertScriptTag();
// }
},
methods: {
checkValue: function checkValue() {
var _this2 = this;
var _this = this;
__f__("log", 'check是否获取到了授权', _this.playauth, " at pages/component/commonComponents/video/AliPlayer.vue:35");
__f__("log", 'check是否获取到了授权', _this.playauth, " at pages/component/commonComponents/video/AliPlayer.vue:41");
// console.log(this.videoId, this.authId, this.videoData, "1111888888")
if (!_this.playauth) {
if (!_this.playauth && _this.scriptTagStatus != 2) {
setTimeout(function () {
_this2.checkValue();
}, 1000);
} else {
__f__("log", '渲染加载视频开始', " at pages/component/commonComponents/video/AliPlayer.vue:42");
this.scriptTagStatus = 2;
this.initAliplayer();
__f__("log", '渲染加载视频开始', " at pages/component/commonComponents/video/AliPlayer.vue:48");
setTimeout(function () {
_this.initAliplayer();
}, 2000);
}
},
loadWebPlayerSDK: function loadWebPlayerSDK() {
@@ -52632,7 +52638,9 @@ var _default = {
return new Promise(function (resolve, reject) {
var s_tag = document.createElement('script'); // 引入播放器js
s_tag.type = 'text/javascript';
s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
// s_tag.src = 'https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js';
s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/aliplayer-min.js';
// s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
s_tag.charset = 'utf-8';
s_tag.onload = function () {
var s_tag1 = document.createElement('script'); // 引入播放器js
@@ -52640,6 +52648,7 @@ var _default = {
s_tag1.src = 'https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js';
s_tag1.charset = 'utf-8';
s_tag1.onload = function () {
_this3.scriptTagStatus = 2;
_this3.checkValue();
resolve();
};
@@ -52677,142 +52686,160 @@ var _default = {
},
initAliplayer: function initAliplayer() {
var _this4 = this;
var _this = this;
// scriptTagStatus 为 2 的时候，说明两个必需引入的 js 文件都已经被引入，且加载完成
if (_this.scriptTagStatus === 2 && (_this.instance === null || _this.reloadPlayer)) {
_this.instance && _this.instance.dispose();
(0, _jquery.default)("#videoContent").innerHTML = "";
// document.querySelector( = "";
return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
var _this;
return _regenerator.default.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_this = _this4; // scriptTagStatus 为 2 的时候，说明两个必需引入的 js 文件都已经被引入，且加载完成
if (_this.scriptTagStatus === 2 && (_this.instance === null || _this.reloadPlayer)) {
_this.instance && _this.instance.dispose();
// $("#" + _this.playerId).innerHTML = "";
// document.querySelector( = "";
// Vue 异步执行 DOM 更新，这样一来代码执行到这里的时候可能 template 里面的 script 标签还没真正创建
// 所以，我们只能在 nextTick 里面初始化 Aliplayer
_this.$nextTick(function () {
_this.instance = new Aliplayer({
id: 'videoContent',
source: _this.source,
vid: _this.vid,
playauth: _this.playauth,
width: _this.width,
height: _this.height,
videoWidth: _this.videoWidth,
videoHeight: _this.videoHeight,
preload: _this.preload,
cover: false,
isLive: _this.isLive,
autoplay: _this.autoplay,
rePlay: _this.rePlay,
useH5Prism: _this.useH5Prism,
useFlashPrism: _this.useFlashPrism,
playsinline: _this.playsinline,
showBuffer: _this.showBuffer,
skinRes: _this.skinRes,
skinLayout: _this.skinLayout,
controlBarVisibility: _this.controlBarVisibility,
showBarTime: _this.showBarTime,
extraInfo: _this.extraInfo,
enableSystemMenu: _this.enableSystemMenu,
format: _this.format,
mediaType: _this.mediaType,
qualitySort: _this.qualitySort,
definition: _this.definition,
defaultDefinition: _this.defaultDefinition,
x5_type: _this.x5_type,
x5_fullscreen: _this.x5_fullscreen,
x5_video_position: _this.x5_video_position,
x5_orientation: _this.x5_orientation,
x5LandscapeAsFullScreen: _this.x5LandscapeAsFullScreen,
autoPlayDelay: _this.autoPlayDelay,
autoPlayDelayDisplayText: _this.autoPlayDelayDisplayText,
language: _this.language,
languageTexts: _this.languageTexts,
snapshot: _this.snapshot,
snapshotWatermark: _this.snapshotWatermark,
useHlsPluginForSafari: _this.useHlsPluginForSafari,
enableStashBufferForFlv: _this.enableStashBufferForFlv,
stashInitialSizeForFlv: _this.stashInitialSizeForFlv,
loadDataTimeout: _this.loadDataTimeout,
waitingTimeout: _this.waitingTimeout,
liveStartTime: _this.liveStartTime,
liveTimeShiftUrl: _this.liveTimeShiftUrl,
liveShiftSource: _this.liveShiftSource,
recreatePlayer: _this.recreatePlayer,
diagnosisButtonVisible: _this.diagnosisButtonVisible,
disableSeek: _this.disableSeek,
encryptType: _this.encryptType,
progressMarkers: _this.progressMarkers,
vodRetry: _this.vodRetry,
liveRetry: _this.liveRetry
});
// Vue 异步执行 DOM 更新，这样一来代码执行到这里的时候可能 template 里面的 script 标签还没真正创建
// 所以，我们只能在 nextTick 里面初始化 Aliplayer
// console.log(_this.playerId,_this.playauth,'98989')
// 绑定事件，当 AliPlayer 初始化完成后，将编辑器实例通过自定义的 ready 事件交出去
_this.instance.on("ready", function () {
_this4.$emit("ready", _this.instance);
});
_this.instance.on("play", function () {
_this4.$emit("play", _this.instance);
});
_this.instance.on("pause", function () {
_this4.$emit("pause", _this.instance);
});
_this.instance.on("ended", function () {
_this4.$emit("ended", _this.instance);
});
_this.instance.on("liveStreamStop", function () {
_this4.$emit("liveStreamStop", _this.instance);
});
_this.instance.on("m3u8Retry", function () {
_this4.$emit("m3u8Retry", _this.instance);
});
_this.instance.on("hideBar", function () {
_this4.$emit("hideBar", _this.instance);
});
_this.instance.on("waiting", function () {
_this4.$emit("waiting", _this.instance);
});
_this.instance.on("snapshoted", function () {
_this4.$emit("snapshoted", _this.instance);
});
_this.instance.on("timeupdate", function () {
_this4.$emit("timeupdate", _this.instance);
});
_this.instance.on("requestFullScreen", function () {
_this4.$emit("requestFullScreen", _this.instance);
});
_this.instance.on("cancelFullScreen", function () {
_this4.$emit("cancelFullScreen", _this.instance);
});
_this.instance.on("error", function () {
_this4.$emit("error", _this.instance);
});
var start = true;
var startProgress = 0;
var endProgress = 0;
//禁止拖动进度条
_this.instance.on("startSeek", function (e) {
if (start) {
start = false;
startProgress = _this.instance.getCurrentTime();
_this.$nextTick(function () {
_this.instance = new Aliplayer({
id: "url-player-test",
// source: _this.source,
vid: _this.vid,
playauth: _this.playauth,
width: '100%',
height: _this.height,
playsinline: true,
controlBarVisibility: "click",
// videoWidth: _this.videoWidth,
// videoHeight: _this.videoHeight,
// preload: _this.preload,
cover: "",
// isLive: _this.isLive,
// autoplay: _this.autoplay,
// rePlay: _this.rePlay,
// useH5Prism: _this.useH5Prism,
// useFlashPrism: _this.useFlashPrism,
// playsinline: _this.playsinline,
// showBuffer: _this.showBuffer,
// skinRes: _this.skinRes,
skinLayout: _this.skinLayout,
// controlBarVisibility: _this.controlBarVisibility,
// showBarTime: _this.showBarTime,
// extraInfo: _this.extraInfo,
// enableSystemMenu: _this.enableSystemMenu,
// format: _this.format,
// mediaType: _this.mediaType,
// qualitySort: _this.qualitySort,
// definition: _this.definition,
// defaultDefinition: _this.defaultDefinition,
// x5_type: _this.x5_type,
// x5_fullscreen: _this.x5_fullscreen,
// x5_video_position: _this.x5_video_position,
// x5_orientation: _this.x5_orientation,
// x5LandscapeAsFullScreen: _this.x5LandscapeAsFullScreen,
// autoPlayDelay: _this.autoPlayDelay,
// autoPlayDelayDisplayText: _this.autoPlayDelayDisplayText,
// language: _this.language,
// languageTexts: _this.languageTexts,
// snapshot: _this.snapshot,
// snapshotWatermark: _this.snapshotWatermark,
// useHlsPluginForSafari: _this.useHlsPluginForSafari,
// enableStashBufferForFlv: _this.enableStashBufferForFlv,
// stashInitialSizeForFlv: _this.stashInitialSizeForFlv,
// loadDataTimeout: _this.loadDataTimeout,
// waitingTimeout: _this.waitingTimeout,
// liveStartTime: _this.liveStartTime,
// liveTimeShiftUrl: _this.liveTimeShiftUrl,
// liveShiftSource: _this.liveShiftSource,
// recreatePlayer: _this.recreatePlayer,
// diagnosisButtonVisible: _this.diagnosisButtonVisible,
// disableSeek: _this.disableSeek,
encryptType: _this.encryptType,
"playConfig": {
"EncryptType": 'AliyunVoDEncryption'
}
// progressMarkers: _this.progressMarkers,
// vodRetry: _this.vodRetry,
// liveRetry: _this.liveRetry,
});
// 绑定事件，当 AliPlayer 初始化完成后，将编辑器实例通过自定义的 ready 事件交出去
_this.instance.on("ready", function () {
_this4.$emit("ready", _this.instance);
});
_this.instance.on("play", function () {
_this4.$emit("play", _this.instance);
});
_this.instance.on("pause", function () {
_this4.$emit("pause", _this.instance);
});
_this.instance.on("ended", function () {
_this4.$emit("ended", _this.instance);
});
_this.instance.on("liveStreamStop", function () {
_this4.$emit("liveStreamStop", _this.instance);
});
_this.instance.on("m3u8Retry", function () {
_this4.$emit("m3u8Retry", _this.instance);
});
_this.instance.on("hideBar", function () {
_this4.$emit("hideBar", _this.instance);
});
_this.instance.on("waiting", function () {
_this4.$emit("waiting", _this.instance);
});
_this.instance.on("snapshoted", function () {
_this4.$emit("snapshoted", _this.instance);
});
_this.instance.on("timeupdate", function () {
_this4.$emit("timeupdate", _this.instance);
});
_this.instance.on("requestFullScreen", function () {
_this4.$emit("requestFullScreen", _this.instance);
});
_this.instance.on("cancelFullScreen", function () {
_this4.$emit("cancelFullScreen", _this.instance);
});
_this.instance.on("error", function () {
_this4.$emit("error", _this.instance);
});
var start = true;
// let startProgress = 0;
// let endProgress = 0;
// //禁止拖动进度条
// _this.instance.on("startSeek", (e) => {
// if (start) {
// start = false;
// startProgress = _this.instance.getCurrentTime();
// }
// _this.instance.pause();
// // this.$emit("startSeek", _this.instance);
// });
// //禁止拖动进度条
// _this.instance.on("completeSeek", () => {
// start = true;
// endProgress = _this.instance.getCurrentTime();
// if (endProgress < startProgress) {
// _this.instance.seek(endProgress);
// } else {
// _this.instance.seek(startProgress);
// }
// _this.instance.play();
// // this.$emit("completeSeek", _this.instance);
// });
});
}
case 2:
case "end":
return _context.stop();
}
_this.instance.pause();
// this.$emit("startSeek", _this.instance);
});
//禁止拖动进度条
_this.instance.on("completeSeek", function () {
start = true;
endProgress = _this.instance.getCurrentTime();
if (endProgress < startProgress) {
_this.instance.seek(endProgress);
} else {
_this.instance.seek(startProgress);
}
_this.instance.play();
// this.$emit("completeSeek", _this.instance);
});
});
}
}
}, _callee);
}))();
},
/**
* 播放视频
*/
@@ -66087,5 +66114,391 @@ exports.push([module.i, "@charset \"UTF-8\";\n/**\n * 这里是uni-app内置的
module.exports = exports;
/***/ }),
/* 1273 */
/*!**********************************************************!*\
!*** ./node_modules/@babel/runtime/regenerator/index.js ***!
\**********************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ 1155);
// TODO(Babel 8): Remove this file.
var runtime = __webpack_require__(/*! ../helpers/regeneratorRuntime */ 1274)();
module.exports = runtime;
// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
try {
regeneratorRuntime = runtime;
} catch (accidentalStrictMode) {
if ((typeof globalThis === "undefined" ? "undefined" : _typeof(globalThis)) === "object") {
globalThis.regeneratorRuntime = runtime;
} else {
Function("r", "regeneratorRuntime = r")(runtime);
}
}
/***/ }),
/* 1274 */
/*!*******************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
\*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
var _typeof = __webpack_require__(/*! ./typeof.js */ 1155)["default"];
function _regeneratorRuntime() {
"use strict";
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
return e;
}, module.exports.__esModule = true, module.exports["default"] = module.exports;
var t,
e = {},
r = Object.prototype,
n = r.hasOwnProperty,
o = Object.defineProperty || function (t, e, r) {
t[e] = r.value;
},
i = "function" == typeof Symbol ? Symbol : {},
a = i.iterator || "@@iterator",
c = i.asyncIterator || "@@asyncIterator",
u = i.toStringTag || "@@toStringTag";
function define(t, e, r) {
return Object.defineProperty(t, e, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}), t[e];
}
try {
define({}, "");
} catch (t) {
define = function define(t, e, r) {
return t[e] = r;
};
}
function wrap(t, e, r, n) {
var i = e && e.prototype instanceof Generator ? e : Generator,
a = Object.create(i.prototype),
c = new Context(n || []);
return o(a, "_invoke", {
value: makeInvokeMethod(t, r, c)
}), a;
}
function tryCatch(t, e, r) {
try {
return {
type: "normal",
arg: t.call(e, r)
};
} catch (t) {
return {
type: "throw",
arg: t
};
}
}
e.wrap = wrap;
var h = "suspendedStart",
l = "suspendedYield",
f = "executing",
s = "completed",
y = {};
function Generator() {}
function GeneratorFunction() {}
function GeneratorFunctionPrototype() {}
var p = {};
define(p, a, function () {
return this;
});
var d = Object.getPrototypeOf,
v = d && d(d(values([])));
v && v !== r && n.call(v, a) && (p = v);
var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
function defineIteratorMethods(t) {
["next", "throw", "return"].forEach(function (e) {
define(t, e, function (t) {
return this._invoke(e, t);
});
});
}
function AsyncIterator(t, e) {
function invoke(r, o, i, a) {
var c = tryCatch(t[r], t, o);
if ("throw" !== c.type) {
var u = c.arg,
h = u.value;
return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
invoke("next", t, i, a);
}, function (t) {
invoke("throw", t, i, a);
}) : e.resolve(h).then(function (t) {
u.value = t, i(u);
}, function (t) {
return invoke("throw", t, i, a);
});
}
a(c.arg);
}
var r;
o(this, "_invoke", {
value: function value(t, n) {
function callInvokeWithMethodAndArg() {
return new e(function (e, r) {
invoke(t, n, e, r);
});
}
return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
}
});
}
function makeInvokeMethod(e, r, n) {
var o = h;
return function (i, a) {
if (o === f) throw Error("Generator is already running");
if (o === s) {
if ("throw" === i) throw a;
return {
value: t,
done: !0
};
}
for (n.method = i, n.arg = a;;) {
var c = n.delegate;
if (c) {
var u = maybeInvokeDelegate(c, n);
if (u) {
if (u === y) continue;
return u;
}
}
if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
if (o === h) throw o = s, n.arg;
n.dispatchException(n.arg);
} else "return" === n.method && n.abrupt("return", n.arg);
o = f;
var p = tryCatch(e, r, n);
if ("normal" === p.type) {
if (o = n.done ? s : l, p.arg === y) continue;
return {
value: p.arg,
done: n.done
};
}
"throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
}
};
}
function maybeInvokeDelegate(e, r) {
var n = r.method,
o = e.iterator[n];
if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
var i = tryCatch(o, e.iterator, r.arg);
if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
var a = i.arg;
return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
}
function pushTryEntry(t) {
var e = {
tryLoc: t[0]
};
1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
}
function resetTryEntry(t) {
var e = t.completion || {};
e.type = "normal", delete e.arg, t.completion = e;
}
function Context(t) {
this.tryEntries = [{
tryLoc: "root"
}], t.forEach(pushTryEntry, this), this.reset(!0);
}
function values(e) {
if (e || "" === e) {
var r = e[a];
if (r) return r.call(e);
if ("function" == typeof e.next) return e;
if (!isNaN(e.length)) {
var o = -1,
i = function next() {
for (; ++o < e.length;) {
if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
}
return next.value = t, next.done = !0, next;
};
return i.next = i;
}
}
throw new TypeError(_typeof(e) + " is not iterable");
}
return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
value: GeneratorFunctionPrototype,
configurable: !0
}), o(GeneratorFunctionPrototype, "constructor", {
value: GeneratorFunction,
configurable: !0
}), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
var e = "function" == typeof t && t.constructor;
return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
}, e.mark = function (t) {
return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
}, e.awrap = function (t) {
return {
__await: t
};
}, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
return this;
}), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
void 0 === i && (i = Promise);
var a = new AsyncIterator(wrap(t, r, n, o), i);
return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
return t.done ? t.value : a.next();
});
}, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
return this;
}), define(g, "toString", function () {
return "[object Generator]";
}), e.keys = function (t) {
var e = Object(t),
r = [];
for (var n in e) {
r.push(n);
}
return r.reverse(), function next() {
for (; r.length;) {
var t = r.pop();
if (t in e) return next.value = t, next.done = !1, next;
}
return next.done = !0, next;
};
}, e.values = values, Context.prototype = {
constructor: Context,
reset: function reset(e) {
if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) {
"t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
}
},
stop: function stop() {
this.done = !0;
var t = this.tryEntries[0].completion;
if ("throw" === t.type) throw t.arg;
return this.rval;
},
dispatchException: function dispatchException(e) {
if (this.done) throw e;
var r = this;
function handle(n, o) {
return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
}
for (var o = this.tryEntries.length - 1; o >= 0; --o) {
var i = this.tryEntries[o],
a = i.completion;
if ("root" === i.tryLoc) return handle("end");
if (i.tryLoc <= this.prev) {
var c = n.call(i, "catchLoc"),
u = n.call(i, "finallyLoc");
if (c && u) {
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
} else if (c) {
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
} else {
if (!u) throw Error("try statement without catch or finally");
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
}
}
}
},
abrupt: function abrupt(t, e) {
for (var r = this.tryEntries.length - 1; r >= 0; --r) {
var o = this.tryEntries[r];
if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
var i = o;
break;
}
}
i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
var a = i ? i.completion : {};
return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
},
complete: function complete(t, e) {
if ("throw" === t.type) throw t.arg;
return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
},
finish: function finish(t) {
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
var r = this.tryEntries[e];
if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
}
},
"catch": function _catch(t) {
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
var r = this.tryEntries[e];
if (r.tryLoc === t) {
var n = r.completion;
if ("throw" === n.type) {
var o = n.arg;
resetTryEntry(r);
}
return o;
}
}
throw Error("illegal catch attempt");
},
delegateYield: function delegateYield(e, r, n) {
return this.delegate = {
iterator: values(e),
resultName: r,
nextLoc: n
}, "next" === this.method && (this.arg = t), y;
}
}, e;
}
module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
/***/ }),
/* 1275 */
/*!*****************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
\*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
try {
var info = gen[key](arg);
var value = info.value;
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(value);
} else {
Promise.resolve(value).then(_next, _throw);
}
}
function _asyncToGenerator(fn) {
return function () {
var self = this,
args = arguments;
return new Promise(function (resolve, reject) {
var gen = fn.apply(self, args);
function _next(value) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
}
function _throw(err) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
}
_next(undefined);
});
};
}
module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
/***/ })
/******/ ]);