kailing
1 year ago
committed by
Gitee
30 changed files with 5297 additions and 105 deletions
@ -1,27 +0,0 @@
|
||||
package cn.keking.service.impl; |
||||
|
||||
import cn.keking.model.FileAttribute; |
||||
import cn.keking.service.FilePreview; |
||||
import org.springframework.stereotype.Service; |
||||
import org.springframework.ui.Model; |
||||
|
||||
/** |
||||
* @author : kl |
||||
* create : 2020-12-27 2:50 下午 |
||||
* flv文件预览处理实现 |
||||
**/ |
||||
@Service |
||||
public class FlvFilePreviewImpl implements FilePreview { |
||||
|
||||
private final MediaFilePreviewImpl mediaFilePreview; |
||||
|
||||
public FlvFilePreviewImpl(MediaFilePreviewImpl mediaFilePreview) { |
||||
this.mediaFilePreview = mediaFilePreview; |
||||
} |
||||
|
||||
@Override |
||||
public String filePreviewHandle(String url, Model model, FileAttribute fileAttribute) { |
||||
mediaFilePreview.filePreviewHandle(url,model,fileAttribute); |
||||
return FLV_FILE_PREVIEW_PAGE; |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,72 @@
|
||||
(function (global, factory) { |
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : |
||||
typeof define === 'function' && define.amd ? define(factory) : |
||||
(global = global || self, global.ckplayerLanguage = factory()); |
||||
}(this, function () { 'use strict'; |
||||
/* |
||||
* 功能：包含播放器用到的全部相关语言文字 |
||||
*/ |
||||
var language={ |
||||
play:'Play', |
||||
pause:'Pause', |
||||
refresh:'Refresh', |
||||
full:'Fullscreen', |
||||
exitFull:'Non-Fullscreen', |
||||
webFull:'Web fullscreen', |
||||
exitWebFull:'Non-Web fullscreen', |
||||
theatre:'Theatre', |
||||
exitTheatre:'Non-theatre', |
||||
volume:'Volume：', |
||||
muted:'Mute', |
||||
exitmuted:'Unmute', |
||||
seek:'Seek：', |
||||
waiting:'Waiting', |
||||
live:'Liveing', |
||||
backLive:'Back live', |
||||
lookBack:'Look back：', |
||||
next:'Next episode', |
||||
screenshot:'Screenshot', |
||||
smallwindows:'Small windows', |
||||
playbackrate:'Speed', |
||||
playbackrateSuffix:' Speed', |
||||
track:'Subtitle', |
||||
noTrack:'No subtitle', |
||||
definition:'Definition', |
||||
switchTo:'Switched from：', |
||||
closeTime:'The advertisement can be closed in {seconds} seconds', |
||||
closeAd:'Close ad', |
||||
second:'seconds', |
||||
details:'View details', |
||||
copy:'Copy', |
||||
copySucceeded:'Copy succeeded, can be pasted!', |
||||
smallwindowsOpen:'The small window function is turned on', |
||||
screenshotStart:'Screenshot, please wait...', |
||||
smallwindowsClose:'The small window function is turned off', |
||||
screenshotClose:'Screenshot function is turned off', |
||||
loopOpen:'Loop open', |
||||
loopClose:'Loop close', |
||||
close:'Close', |
||||
down:'Down', |
||||
p50:'50%', |
||||
p75:'75%', |
||||
p100:'100%', |
||||
timeScheduleAdjust:{ |
||||
prohibit:'No dragging', |
||||
prohibitBackOff:'No repeat viewing', |
||||
prohibitForward:'Fast forward prohibited', |
||||
prohibitLookBack:'Some content is forbidden to play', |
||||
prohibitForwardNotViewed:'Disable playback of parts not viewed' |
||||
}, |
||||
error:{ |
||||
noMessage:'Unknown error', |
||||
supportVideoError:'The browser version is too low. It is recommended to replace it with another browser', |
||||
videoTypeError:'This browser does not support playing this video. It is recommended to replace it with another browser', |
||||
loadingFailed:'Loading failed', |
||||
emptied:'An error occurred while loading the frequency file', |
||||
screenshot:'Screenshot failed', |
||||
ajax:'Ajax data request error', |
||||
noVideoContainer:'No video container' |
||||
} |
||||
}; |
||||
return language; |
||||
})) |
||||
@ -0,0 +1,72 @@
|
||||
(function (global, factory) { |
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : |
||||
typeof define === 'function' && define.amd ? define(factory) : |
||||
(global = global || self, global.ckplayerLanguage = factory()); |
||||
}(this, function () { 'use strict'; |
||||
/* |
||||
* 功能：包含播放器用到的全部相关语言文字 |
||||
*/ |
||||
var language={ |
||||
play:'播放', |
||||
pause:'暂停', |
||||
refresh:'重播', |
||||
full:'全屏', |
||||
exitFull:'退出全屏', |
||||
webFull:'页面全屏', |
||||
exitWebFull:'退出页面全屏', |
||||
theatre:'剧场模式', |
||||
exitTheatre:'退出剧场模式', |
||||
volume:'音量：', |
||||
muted:'静音', |
||||
exitmuted:'恢复音量', |
||||
seek:'seek：', |
||||
waiting:'缓冲', |
||||
live:'直播中', |
||||
backLive:'返回直播', |
||||
lookBack:'回看：', |
||||
next:'下一集', |
||||
screenshot:'视频截图', |
||||
smallwindows:'小窗口播放功能', |
||||
playbackrate:'倍速', |
||||
playbackrateSuffix:'倍', |
||||
track:'字幕', |
||||
noTrack:'无字幕', |
||||
definition:'清晰度', |
||||
switchTo:'切换成：', |
||||
closeTime:'{seconds}秒后可关闭广告', |
||||
closeAd:'关闭广告', |
||||
second:'秒', |
||||
details:'查看详情', |
||||
copy:'复制', |
||||
copySucceeded:'复制成功，可贴粘！', |
||||
smallwindowsOpen:'小窗口功能已开启', |
||||
smallwindowsClose:'小窗口功能已关闭', |
||||
screenshotStart:'截图中，请稍候...', |
||||
screenshotClose:'截图功能已关闭', |
||||
loopOpen:'循环播放', |
||||
loopClose:'已关闭循环播放', |
||||
close:'关闭', |
||||
down:'下载', |
||||
p50:'50%', |
||||
p75:'75%', |
||||
p100:'100%', |
||||
timeScheduleAdjust:{ |
||||
prohibit:'视频禁止拖动', |
||||
prohibitBackOff:'视频禁止重复观看', |
||||
prohibitForward:'视频禁止快进', |
||||
prohibitLookBack:'视频禁止播放部分内容', |
||||
prohibitForwardNotViewed:'视频禁止播放未观看的部分' |
||||
}, |
||||
error:{ |
||||
noMessage:'未知错误', |
||||
supportVideoError:'该浏览器版本太低，建议更换成其它浏览器', |
||||
videoTypeError:'该浏览器不支持播放该视频，建议更换成其它浏览器', |
||||
loadingFailed:'加载失败', |
||||
emptied:'视频文件加载过程中出现错误', |
||||
screenshot:'视频截图失败', |
||||
ajax:'Ajax数据请求错误', |
||||
noVideoContainer:'未找到放置视频的容器' |
||||
} |
||||
}; |
||||
return language; |
||||
})) |
||||
@ -0,0 +1,72 @@
|
||||
(function (global, factory) { |
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : |
||||
typeof define === 'function' && define.amd ? define(factory) : |
||||
(global = global || self, global.ckplayerLanguage = factory()); |
||||
}(this, function () { 'use strict'; |
||||
/* |
||||
*功能：包含播放機用到的全部相關語言文字 |
||||
*/ |
||||
var language = { |
||||
play: '播放', |
||||
pause: '暫停', |
||||
refresh: '重播', |
||||
full: '全屏', |
||||
exitFull: '退出全屏', |
||||
webFull: '頁面全屏', |
||||
exitWebFull: '退出頁面全屏', |
||||
theatre: '劇場模式', |
||||
exitTheatre: '退出劇場模式', |
||||
volume: '音量：', |
||||
muted: '靜音', |
||||
exitmuted: '恢復音量', |
||||
seek: 'seek:', |
||||
waiting: '緩衝', |
||||
live: '直播中', |
||||
backLive: '返回直播', |
||||
lookBack: '回看：', |
||||
next: '下一集', |
||||
screenshot: '視頻截圖', |
||||
smallwindows: '小視窗播放功能', |
||||
playbackrate: '倍速', |
||||
playbackrateSuffix: '倍', |
||||
track: '字幕', |
||||
noTrack: '無字幕', |
||||
definition: '清晰度', |
||||
switchTo: '切換成：', |
||||
closeTime: '{seconds}秒後可關閉廣告', |
||||
closeAd: '關閉廣告', |
||||
second: '秒', |
||||
details: '查看詳情', |
||||
copy: '複製', |
||||
copySucceeded: '複製成功,可貼粘！', |
||||
smallwindowsOpen: '小視窗功能已開啟', |
||||
smallwindowsClose: '小視窗功能已關閉', |
||||
screenshotStart: '截圖中,請稍候…', |
||||
screenshotClose: '截圖功能已關閉', |
||||
loopOpen: '迴圈播放', |
||||
loopClose: '已關閉迴圈播放', |
||||
close: '關閉', |
||||
down: '下載', |
||||
p50: '50%', |
||||
p75: '75%', |
||||
p100: '100%', |
||||
timeScheduleAdjust: { |
||||
prohibit: '視頻禁止拖動', |
||||
prohibitBackOff: '視頻禁止重複觀看', |
||||
prohibitForward: '視頻禁止快進', |
||||
prohibitLookBack: '視頻禁止播放部分內容', |
||||
prohibitForwardNotViewed: '視頻禁止播放未觀看的部分' |
||||
}, |
||||
error: { |
||||
noMessage: '未知錯誤', |
||||
supportVideoError: '該流覽器版本太低,建議更換成其它瀏覽器', |
||||
videoTypeError: '該瀏覽器不支持播放該視頻,建議更換成其它瀏覽器', |
||||
loadingFailed: '加載失敗', |
||||
emptied: '視頻檔案加載過程中出現錯誤', |
||||
screenshot: '視頻截圖失敗', |
||||
ajax: 'Ajax數據請求錯誤', |
||||
noVideoContainer: '未找到放置視頻的容器' |
||||
} |
||||
}; |
||||
return language; |
||||
})) |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 3.7 KiB |
@ -1,40 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<title>多媒体文件预览</title> |
||||
<#include "*/commonHeader.ftl"> |
||||
<script src="js/flv.min.js" type="text/javascript"></script> |
||||
</head> |
||||
<style> |
||||
body { |
||||
background-color: #404040; |
||||
} |
||||
.m { |
||||
width: 1024px; |
||||
margin: 0 auto; |
||||
} |
||||
</style> |
||||
<body> |
||||
<div class="m"> |
||||
<video width="1024" id="videoElement"></video> |
||||
</div> |
||||
<script> |
||||
if (flvjs.isSupported()) { |
||||
var videoElement = document.getElementById('videoElement'); |
||||
var flvPlayer = flvjs.createPlayer({ |
||||
type: 'flv', |
||||
url: '${mediaUrl}' |
||||
}); |
||||
flvPlayer.attachMediaElement(videoElement); |
||||
flvPlayer.load(); |
||||
flvPlayer.play(); |
||||
} |
||||
/*初始化水印*/ |
||||
window.onload = function() { |
||||
initWaterMark(); |
||||
} |
||||
</script> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,33 +1,111 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="zh-cn"> |
||||
<head> |
||||
<meta charset="utf-8"/> |
||||
<title>多媒体文件预览</title> |
||||
<#include "*/commonHeader.ftl"> |
||||
<link rel="stylesheet" href="plyr/plyr.css"/> |
||||
<script type="text/javascript" src="plyr/plyr.js"></script> |
||||
<style> |
||||
body { |
||||
background-color: #404040; |
||||
} |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>${file.name}播放器</title> |
||||
<link type="text/css" rel="stylesheet" href="ckplayer/css/ckplayer.css" /> |
||||
<#if "${file.suffix?lower_case}" == "m3u8" > |
||||
<script type="text/javascript" src="ckplayer/hls.js/hls.min.js"></script> |
||||
<#elseif "${file.suffix?lower_case}" == "flv"> |
||||
<script type="text/javascript" src="ckplayer/flv.js/flv.min.js"></script> |
||||
<#elseif "${file.suffix?lower_case}" == "ts"> |
||||
<script type="text/javascript" src="ckplayer/mpegts.js/mpegts.js"></script> |
||||
<#elseif "${file.suffix?lower_case}" == "mpd"> |
||||
<script type="text/javascript" src="ckplayer/js/dash.all.min.js"></script> |
||||
</#if> |
||||
<script type="text/javascript" src="ckplayer/js/ckplayer.min.js" charset="UTF-8"></script> |
||||
<#include "*/commonHeader.ftl"> |
||||
<style> |
||||
.adpause{ |
||||
width: 90%; |
||||
height: 90%; |
||||
max-width: 580px; |
||||
max-height: 360px; |
||||
color: #FFF; |
||||
position: absolute; |
||||
background: #07141E; |
||||
top:0; |
||||
bottom: 0; |
||||
left: 0; |
||||
right: 0; |
||||
margin: auto; |
||||
font-size: 30px; |
||||
line-height: 38px; |
||||
box-sizing:border-box; |
||||
-moz-box-sizing:border-box; /* Firefox */ |
||||
-webkit-box-sizing:border-box; /* Safari */ |
||||
padding: 50px; |
||||
display: none; |
||||
} |
||||
.video{ |
||||
width: 100%; |
||||
height: 600px; |
||||
max-width: 900px; |
||||
margin: auto; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
bottom: 0; |
||||
right: 0; |
||||
background-color: green; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="video">播放容器</div> |
||||
<script> |
||||
<#if "${file.suffix?lower_case}" == "mpd" > |
||||
function dashPlayer(video,fileUrl){ |
||||
video.attr('data-dashjs-player',' '); |
||||
video.attr('src',fileUrl); |
||||
} |
||||
</#if> |
||||
var videoObject = { |
||||
container: '.video', //视频容器
|
||||
//autoplay:true,//自动播放
|
||||
// live:true,//指定为直播
|
||||
crossOrigin:'Anonymous',//发送跨域信息，示例：Anonymous
|
||||
plug:<#if "${file.suffix?lower_case}" == "m3u8" >'hls.js'<#elseif "${file.suffix?lower_case}" == "ts" >'mpegts.js'<#elseif "${file.suffix?lower_case}" == "flv" >'flv.js'<#elseif "${file.suffix?lower_case}" == "mpd" >dashPlayer<#else>''</#if>,//设置使用插件
|
||||
loop: false,//是否需要循环播放
|
||||
rightBar:true, |
||||
screenshot:true,//截图功能是否开启
|
||||
webFull:true,//是否启用页面全屏按钮，默认不启用
|
||||
//poster:'ckplayer/poster.png',//封面图片
|
||||
menu:[ |
||||
{ |
||||
title:'kkFileView', |
||||
link:'https://www.kkview.cn',
|
||||
underline:true |
||||
}, |
||||
{ |
||||
title:'播放/暂停', |
||||
click:'player.playOrPause', |
||||
}, |
||||
{ |
||||
title:'关于视频', |
||||
click:'aboutShow' |
||||
} |
||||
], |
||||
information:{ |
||||
'已加载：':'{loadTime}秒', |
||||
'总时长：':'{duration}秒', |
||||
'视频尺寸：':'{videoWidth}x{videoHeight}', |
||||
'音量：':'{volume}%', |
||||
'FPS：':'{fps}', |
||||
'音频解码：':'{audioDecodedByteCount} Byte', |
||||
'视频解码：':'{videoDecodedByteCount} Byte', |
||||
}, |
||||
video:'${mediaUrl}'//视频地址
|
||||
}; |
||||
var player=new ckplayer(videoObject)//调用播放器并赋值给变量player
|
||||
/*初始化水印*/ |
||||
if (!!window.ActiveXObject || "ActiveXObject" in window) |
||||
{ |
||||
}else{ |
||||
initWaterMark(); |
||||
} |
||||
</script> |
||||
|
||||
|
||||
.m { |
||||
width: 1024px; |
||||
margin: 0 auto; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="m"> |
||||
<video> |
||||
<source src="${mediaUrl}"/> |
||||
</video> |
||||
</div> |
||||
<script> |
||||
plyr.setup(); |
||||
window.onload = function () { |
||||
initWaterMark(); |
||||
} |
||||
</script> |
||||
</body> |
||||
</body> |
||||
</html> |
||||
|
||||
Loading…
Reference in new issue