add danumuku lockTime

This commit is contained in:
Harvey committed 2022-05-16 13:49:41 +08:00
1 parent a989de98e5
commit d0f6d643a4
5 files changed
+77 -2

No files matched your search

+3
View File
@@ -21,6 +21,9 @@ var art = new Artplayer({
useWorker: true, // 是否使用 web worker
synchronousPlayback: false, // 是否同步到播放速度
filter: (danmu) => danmu.text.length < 50, // 弹幕过滤函数
lockTime: 5, // 弹幕输入框的锁定时间,单位秒,范围在[0 ~ 60]
// 自定义弹幕输入框的挂载位置,默认挂载在播放器控制栏中间
// mount: document.querySelector('.your-danmu-input'),
}),
],
});
+62
View File
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Artplayer.js</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="keywords" content="artplayer, player, js, html5, video" />
<meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player" />
<link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./assets/css/normalize.css">
<style>
html,
body {
height: 100%;
overflow: hidden;
}
.container {
height: 100%;
padding: 10px;
box-sizing: border-box;
}
.artplayer-app {
width: 100%;
height: 50%;
}
.tip {
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<div class="artplayer-app"></div>
<p class="tip"></p>
</div>
<script src="./assets/js/vconsole.min.js"></script>
<script>var vConsole = new VConsole();</script>
<script src="./uncompiled/artplayer/index.js"></script>
<script src="./uncompiled/artplayer-plugin-danmuku/index.js"></script>
<script src="./assets/example/danmuku.js"></script>
<script>
if (Artplayer.utils.isWechat) {
document.querySelector('.tip').textContent = '微信环境需手动触发播放';
let isClick = false;
document.body.addEventListener('click', () => {
if (!isClick) {
isClick = true;
art.play();
}
});
}
</script>
</body>
</html>