Skip to content

K
knowledgeServiceAdmin
提交 8f48648e authored 作者: quanlili's avatar quanlili
浏览文件
操作

修改资源详情的类型处理

上级 542e7b78
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 635 行增加 和 7 行删除
src/plugins/ckplayer_v2/ckplayer/ckplayer.js 0 → 100644
浏览文件 @ 8f48648e
This source diff could not be displayed because it is too large. You can view the blob instead.
src/plugins/ckplayer_v2/ckplayer/ckplayer.min.js 0 → 100644
浏览文件 @ 8f48648e
This source diff could not be displayed because it is too large. You can view the blob instead.
src/plugins/ckplayer_v2/ckplayer/ckplayer.xml 0 → 100644
浏览文件 @ 8f48648e
差异被折叠。
src/plugins/ckplayer_v2/ckplayer/hls/LICENSE 0 → 100644
浏览文件 @ 8f48648e
Copyright (c) 2017 Dailymotion (http://www.dailymotion.com)
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
src/remux/mp4-generator.js and src/demux/exp-golomb.js implementation in this project
are derived from the HLS library for video.js (https://github.com/videojs/videojs-contrib-hls)
That work is also covered by the Apache 2 License, following copyright:
Copyright (c) 2013-2015 Brightcove
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
src/plugins/ckplayer_v2/ckplayer/hls/hls.js 0 → 100644
浏览文件 @ 8f48648e
This source diff could not be displayed because it is too large. You can view the blob instead.
src/plugins/ckplayer_v2/ckplayer/hls/hls.min.js 0 → 100644
浏览文件 @ 8f48648e
This source diff could not be displayed because it is too large. You can view the blob instead.
src/plugins/ckplayer_v2/ckplayer/language.xml 0 → 100644
浏览文件 @ 8f48648e
<?xml version="1.0" encoding="utf-8"?>
<language>
<adCountdown>[$second]</adCountdown><!--广告播放结束倒计时-->
<skipDelay>[$second]</skipDelay>
<buttonOver>
<play>点击播放</play>
<pause>暂停播放</pause>
<mute>静音</mute>
<escMute>恢复音量</escMute>
<full>全屏</full>
<escFull>退出全屏</escFull>
<previousPage>上一集</previousPage>
<nextPage>下一集</nextPage>
<definition>点击选择清晰度</definition>
<subtitle>选择字幕</subtitle>
</buttonOver>
<volumeSliderOver>
音量：[$volume]%
</volumeSliderOver>
<buffer>[$percentage]%</buffer>
<timeSliderOver><!--鼠标经过进度条显示的时间格式-->
[$timeh]:[$timei]:[$times]
</timeSliderOver>
<liveAndVod>
[$timeh]:[$timei]:[$times]
</liveAndVod>
<live>
直播中 [$liveTimeY]-[$liveTimem]-[$liveTimed] [$liveTimeh]:[$liveTimei]:[$liveTimes]
</live>
<m3u8Definition>
<name>流畅</name>
<name>低清</name>
<name>标清</name>
<name>高清</name>
<name>超清</name>
<name>蓝光</name>
<name>未知</name>
</m3u8Definition>
<error>
<cannotFindUrl>视频地址不存在</cannotFindUrl>
<streamNotFound>加载失败</streamNotFound>
<formatError>视频格式错误</formatError>
</error>
<definition>自动</definition>
<subtitle>默认</subtitle>
</language>
\ No newline at end of file
src/plugins/ckplayer_v2/ckplayer/style.xml 0 → 100644
浏览文件 @ 8f48648e
This source diff could not be displayed because it is too large. You can view the blob instead.
src/plugins/ckplayer_v2/crossdomain.xml 0 → 100644
浏览文件 @ 8f48648e
<?xml version="1.0" encoding="utf-8"?>
<cross-domain-policy>
<allow-access-from domain="*"/>
</cross-domain-policy>
\ No newline at end of file
src/plugins/ckplayer_v2/index.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">
body {
margin: 0;
padding: 0px;
font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
font-size: 18px;
}
p{
padding-left: 2em;
}
</style>
</head>
<body>
<div id="video" style="width: 100%; height: 400px;max-width: 600px;">
</div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player', //播放函数名称
//loop: true, //播放结束是否循环播放
autoplay: true,//是否自动播放
poster: 'material/poster.jpg', //封面图片
preview: { //预览图片
file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
scale: 2
},
//flashplayer:true,
//live:true,
//debug:true,
video:[
['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0]
]
};
var player = new ckplayer(videoObject);
</script>
<p>欢迎使用ckplayer，当前版本：X1，<a href="http://www.ckplayer.com/" target="_blank">官网</a>，<a href="http://www.ckplayer.com/manualX/" target="_blank">帮助手册</a></p>
<p><a href="sample/index.html" target="_blank">全功能演示</a></p>
<p><a href="sample/iframe.html" target="_blank">使用框架播放演示</p>
<p><a href="sample/flashplayer.html" target="_blank">仅flashplayer播放演示</p>
<p><a href="sample/h5.html" target="_blank">仅H5播放演示</p>
<p><a href="sample/rtmp.html" target="_blank">RTMP播放示例</p>
<p><a href="sample/ios.html" target="_blank">在各平台统一播放器风格</p>
<p><a href="sample/dm.html" target="_blank">弹幕演示</p>
<p><a href="sample/adother.html" target="_blank">单独配置广告，支持角标广告和片头贴片，中插，结束广告，暂停广告</p>
<p><a href="http://www.ckplayer.com/" target="_blank">更多演示</p>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/material/en.srt 0 → 100644
浏览文件 @ 8f48648e
1
00:00:01,210 --> 00:00:10,400
= subtitle effect = -
Support multiple rows
2
00:00:11,210 --> 00:00:30,400
Encoding requires UTF-8
3
00:00:31,210 --> 00:01:00,400
The format is .Srt or .vtt.
4
00:01:01,210 --> 00:01:55,400
Thank you for your support for ckplayer
src/plugins/ckplayer_v2/material/zh.vtt 0 → 100644
浏览文件 @ 8f48648e
WEBVTT
1
00:00:01.210 --> 00:00:10.400
-=字幕效果=-
支持多行
2
00:00:11.210 --> 00:00:30.400
编码需要使用UTF-8
3
00:00:31.210 --> 00:01:00.400
格式是.srt或.vtt
4
00:01:01.210 --> 00:01:55.400
感谢您对ckplayer的支持
src/plugins/ckplayer_v2/sample/ad.json 0 → 100644
浏览文件 @ 8f48648e
{
"front": [
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/front01.mp4",
"type": "mp4",
"link":"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
},
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/front02.mp4",
"type": "mp4",
"link": "",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
}
],
"pause": [
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/pause01.jpg",
"type": "jpg",
"link": "",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
},
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/pause02.jpg",
"type": "jpg",
"link":"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
}
],
"insert": [
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/insert01.mp4",
"type": "mp4",
"link": "",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
},
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/insert02.mp4",
"type": "swf",
"link":"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
}
],
"inserttime": "10,40",
"end": [
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/end01.mp4",
"type": "mp4",
"link": "",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
},
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/end02.mp4",
"type": "mp4",
"link":"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
"time": 5,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php"
}
],
"other": [
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/other-485-60.jpg",
"type": "gif",
"link":"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
"startTime": 3,
"time": 8,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php",
"align": "center",
"vAlign": "bottom",
"offsetX": -243,
"offsetY": -110,
"about": "这是一个gif广告（宽400，高60），当播放器播放startTime=3秒时显示，time=10秒后结束，水平中间对齐align=center,并且在水平轴上向左边偏移200像素，垂直方向是底部对齐并且向上偏移110个像素"
},
{
"file": "https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/other-120-120.gif",
"type": "gif",
"link":"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
"startTime": 6,
"time": 8,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php",
"align": "right",
"vAlign": "top",
"offsetX": -130,
"offsetY": 10,
"about": "这是一个gif广告（宽400，高60），当播放器播放startTime=3秒时显示，time=10秒后结束，水平中间对齐align=center,并且在水平轴上向左边偏移200像素，垂直方向是底部对齐并且向上偏移110个像素"
},
{
"file": "adv.swf",
"type": "swf",
"link":"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
"startTime": 3,
"time": 10,
"exhibitionMonitor": "exhibitionMonitor.php",
"clickMonitor": "clickMonitor.php",
"align": "right",
"vAlign": "right",
"offsetX": -60,
"offsetY": -60
}
]
}
\ No newline at end of file
src/plugins/ckplayer_v2/sample/adother.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">body{margin:0;padding:0px;font-family:"Microsoft YaHei",YaHei,"微软雅黑",SimHei,"黑体";font-size:14px}</style>
</head>
<body>
<div id="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
poster:'../material/poster.jpg',//封面图片
advertisements:'website:ad.json',//单独用一个json文件来配置广告
video: [//视频地址列表形式
['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
]
};
var player = new ckplayer(videoObject);
</script>
<p>本页观看需要在支持h5环境的浏览器上，视频格式需要是h5支持的mp4</p>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/sample/dm.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<script type="text/javascript" src="../ckplayer/ckplayer.js" charset="UTF-8"></script>
<style type="text/css">
body {
margin: 0;
padding: 0px;
font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
font-size: 14px
}
#video{
padding-bottom: 20px;
background-color: #0000FF;
z-index: 0px;
}
</style>
</head>
<body>
<div id="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript">
var videoObject = {
playerID:'ckplayer01',//播放器ID，第一个字符不能是数字，用来在使用多个播放器时监听到的函数将在所有参数最后添加一个参数用来获取播放器的内容
container: '#video', //容器的ID或className
variable: 'player', //播放函数名称
loaded: 'loadedHandler', //当播放器加载后执行的函数
autoplay:true,
html5m3u8:true,
video: 'http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4'
};
var player = new ckplayer(videoObject);
function loadedHandler() {}
var y=0;
var DArr=[];//弹幕数组
var YArr=[];//元件数组
function newDanmu() {
//弹幕说明
y+=20;
if(y>300)y=0;
var danmuObj = {
list: [{
type: 'image', //定义元素类型：只有二种类型，image=使用图片，text=文本
file: '../material/logo.png', //图片地址
radius: 30, //图片圆角弧度
width: 30, //定义图片宽，必需要定义
height: 30, //定义图片高，必需要定义
alpha: 0.9, //图片透明度(0-1)
marginLeft: 10, //图片离左边的距离
marginRight: 10, //图片离右边的距离
marginTop: 10, //图片离上边的距离
marginBottom: 10, //图片离下边的距离
clickEvent: "link->http://"
}, {
type: 'text', //说明是文本
text: '演示弹幕内容，弹幕只支持普通文本，不支持HTML', //文本内容
color: '0xFFDD00', //文本颜色
size: 14, //文本字体大小，单位：px
font: '"Microsoft YaHei", YaHei, "微软雅黑", SimHei,"\5FAE\8F6F\96C5\9ED1", "黑体",Arial', //文本字体
leading: 30, //文字行距
alpha: 1, //文本透明度(0-1)
paddingLeft: 10, //文本内左边距离
paddingRight: 10, //文本内右边距离
paddingTop: 0, //文本内上边的距离
paddingBottom: 0, //文本内下边的距离
marginLeft: 0, //文本离左边的距离
marginRight: 10, //文本离右边的距离
marginTop: 10, //文本离上边的距离
marginBottom: 0, //文本离下边的距离
backgroundColor: '0xFF0000', //文本的背景颜色
backAlpha: 0.5, //文本的背景透明度(0-1)
backRadius: 30, //文本的背景圆角弧度
clickEvent: "actionScript->videoPlay"
}],
x: '100%', //x轴坐标
y: y, //y轴坐标
//position:[2,1,0],//位置[x轴对齐方式（0=左，1=中，2=右），y轴对齐方式（0=上，1=中，2=下），x轴偏移量（不填写或null则自动判断，第一个值为0=紧贴左边，1=中间对齐，2=贴合右边），y轴偏移量（不填写或null则自动判断，0=紧贴上方，1=中间对齐，2=紧贴下方）]
alpha: 1,
//backgroundColor:'#FFFFFF',
backAlpha: 0.8,
backRadius: 30 //背景圆角弧度
}
var danmu = player.addElement(danmuObj);
var danmuS = player.getElement(danmu);
var obj = {
element: danmu,
parameter: 'x',
static: true, //是否禁止其它属性，true=是，即当x(y)(alpha)变化时，y(x)(x,y)在播放器尺寸变化时不允许变化
effect: 'None.easeOut',
start: null,
end: -danmuS['width']+300,
speed: 10,
overStop: true,
pauseStop: true,
callBack: 'deleteChild'
};
var danmuAnimate = player.animate(obj);
DArr.push(danmuAnimate);
console.log(danmu);
YArr.push(danmu);
}
function deleteChild(ele) {
if(player) {
player.deleteElement(ele);
if(YArr.indexOf(ele)>-1){//在YArr也就是保存弹幕的全局变量里搜索该弹幕，然后删除
var n=YArr.indexOf(ele);
console.log(n)
YArr.splice(n,1);
}
}
}
function delDanmu(){
for(var i=0;i<DArr.length;i++){
console.log(DArr[i])
if(player) {
try{
player.deleteAnimate(DArr[i]);
//player.deleteElement(YArr[i]);
}
catch(error){
console.log(error);
}
}
}
}
function getCoor(){
for(var i=0;i<YArr.length;i++){
console.log(player.getElement(YArr[i]));
//这里可以直接输出所有的弹幕，不能获取到的会返回null
}
}
</script>
<p>
<button type="button" onclick="newDanmu()">添加弹幕</button>
<button type="button" onclick="delDanmu()">删除所有弹幕</button>
<button type="button" onclick="getCoor()">获取所有弹幕的座标，请调出浏览器的开发者工具查看</button>
</p>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/sample/flashplayer.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">body{margin:0;padding:0px;font-family:"Microsoft YaHei",YaHei,"微软雅黑",SimHei,"黑体";font-size:14px}</style>
</head>
<body>
<div id="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
flashplayer:true,//强制使用flashplayer播放
poster:'../material/poster.jpg',//封面图片
video: [//视频地址列表形式
['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
]
};
var player = new ckplayer(videoObject);
</script>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/sample/h5.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">body{margin:0;padding:0px;font-family:"Microsoft YaHei",YaHei,"微软雅黑",SimHei,"黑体";font-size:14px}</style>
</head>
<body>
<div id="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
poster:'../material/poster.jpg',//封面图片
video: [//视频地址列表形式
['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
]
};
var player = new ckplayer(videoObject);
</script>
<p>本页观看需要在支持h5环境的浏览器上，视频格式需要是h5支持的mp4</p>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/sample/iframe.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">body{margin:0;padding:0px;font-family:"Microsoft YaHei",YaHei,"微软雅黑",SimHei,"黑体";font-size:14px}</style>
</head>
<body>
<iframe src="h5.html" height="500" width="600" frameborder="0" allowfullscreen></iframe>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/sample/index.html 0 → 100644
浏览文件 @ 8f48648e
差异被折叠。
src/plugins/ckplayer_v2/sample/ios.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">body{margin:0;padding:0px;font-family:"Microsoft YaHei",YaHei,"微软雅黑",SimHei,"黑体";font-size:14px}</style>
</head>
<body>
<div id="video" style="width: 100%; height: 400px;">
<video id="videocontainer" src="http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4"></video>
</div>
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
poster:'../material/poster.jpg',//封面图片
mobileCkControls:true,//是否在移动端（包括ios）环境中显示控制栏
mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
h5container:'#videocontainer',//h5环境中使用自定义容器
video: [//视频地址列表形式
['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
]
};
var player = new ckplayer(videoObject);
</script>
<p>本页观看需要在支持h5环境的浏览器上，视频格式需要是h5支持的mp4</p>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/sample/rtmp.html 0 → 100644
浏览文件 @ 8f48648e
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">body{margin:0;padding:0px;font-family:"Microsoft YaHei",YaHei,"微软雅黑",SimHei,"黑体";font-size:14px}</style>
</head>
<body>
<div id="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
autoplay:false,
live:true,
video: 'rtmp://live.hkstv.hk.lxdns.com/live/hks'
};
var player = new ckplayer(videoObject);
</script>
</body>
</html>
\ No newline at end of file
src/plugins/ckplayer_v2/请看一下.txt 0 → 100644
浏览文件 @ 8f48648e
软件名称：ckplayer
软件名称：ckplayer
版本：X1
请将ckplayer放在网站环境中运行
\ No newline at end of file
src/views/draw/sip/msg_packet.vue
浏览文件 @ 8f48648e
......@@ -18,6 +18,9 @@
<el-button v-if="pdf.albumId" type="primary" icon="" size="mini" @click="linkPic">进入图册</el-button>
</span>
<span v-else-if="pdf.resourceType==3">
<el-button type="primary" icon="el-icon-download" size="mini" @click="down">下载源音频</el-button>
</span>
<span v-else-if="pdf.resourceType==4">
<el-button type="primary" icon="el-icon-download" size="mini" @click="down">下载源视频</el-button>
</span>
<span v-else>
......@@ -34,13 +37,11 @@
<img :src="`${domain}${requestPath.file}?fileName=${pdf.fileName}&isOnLine=true`" alt="图片" class="pic_show">
</div>
<!-- 视频 -->
<div style="width:80%;margin:0 auto;height:800px;text-align:center" v-else-if="pdf.resourceType==4&&pdf.fileName">
<VueVideoV2
:videoSrc="`${domain}${requestPath.file}?fileName=${pdf.fileName}&isOnLine=true`"
/>
<div style="width:80%;margin:100px auto;height:800px;text-align:center" v-else-if="pdf.resourceType==4&&pdf.fileName">
<video :src="`${domain}${requestPath.file}?fileName=${pdf.fileName}&isOnLine=true`" controls="controls" style="width:500px;height:400px"></video>
</div>
<!-- 音频 -->
<div style="width:80%;margin:0 auto;height:800px;text-align:center" v-else-if="pdf.resourceType==3&&audioUrl">
<div style="width:80%;margin:100px auto;height:800px;text-align:center" v-else-if="pdf.resourceType==3&&audioUrl">
<VueAudio
:audioUrl="audioUrl"
/>
......@@ -181,7 +182,6 @@
<script>
import pagination from '@/components/pagination/pagination'
import VueAudio from '@/components/VueAudio'
import VueVideoV2 from '@/components/VueVideoV2/ckplayerVideo'
import { operationMsg, confirm, requestMsg } from '@/utils/publicFunctions'
import { requestPath } from '@/utils/global.js'
import { batchUpdateStatusAPI} from '@/api/commonResource'
......@@ -190,7 +190,7 @@ import {
} from '@/api/sip/index'
export default {
name: 'msgPacket',
components:{pagination,VueAudio,VueVideoV2},
components:{pagination,VueAudio},
data () {
return {
loadRing:false,
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论