弹幕调试 jquery.danmu.js

最新推荐文章于 2024-04-16 09:35:27 发布

weixin_33691700

最新推荐文章于 2024-04-16 09:35:27 发布

阅读量717

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/cmliangchu/blog/617828

版权

2019独角兽企业重金招聘Python工程师标准>>>

一直调试失败就是每一个弹幕的时间（time）参数没把握好，应该是

var time = $('#danmu').data("nowtime")+5;

<!DOCTYPE html>
<html>
<head>
	<title>弹幕</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="./js/jquery.danmu.js"></script>
	<style type="text/css">
		*{
			padding: 0px;
			margin: 0px;
		}
	</style>
</head>
<body>
	<h1>弹幕测试</h1>
	<button onclick="sendss()">添加弹幕</button>
	<div style="position:relative;width:100%;height:auto;background:#000">
		<div id="danmu" style="background:#000;"></div>
	</div>
	<script type="text/javascript">
			$(function(){
				$("#danmu").danmu({
					left: 0, //区域的左边边界位置，相对于父div 
					top: 0 , //区域的上边边界位置，相对于父div 
					height: 360, //区域的高度 width: 640, //区域的宽度 
					zindex :100, //div的css样式zindex
					speed:5000, //弹幕速度，飞过区域的毫秒数 
					sumtime:900000000000 , //弹幕运行总时间
					danmuss:{}, //danmuss对象，运行时的弹幕内容 
					default_font_color:"#FFFFFF", //弹幕默认字体颜色 
					font_size_small:24, //小号弹幕的字体大小,注意此属性值只能是整数
					font_size_big:28, //大号弹幕的字体大小 
					opacity:"0.7", //弹幕默认透明度 
					top_botton_danmu_time:4000 //顶端底端弹幕持续时间 
				});
				sendss();
				$('#danmu').danmu('danmu_resume');
			});
			function sendss(){
				var time = $('#danmu').data("nowtime")+5;
				var a_danmuzz = {"text":"233f3333","color":"#fff" ,"size":"1","position":"0","time":time}; 
				$('#danmu').danmu("add_danmu",a_danmuzz);
			}
	</script>
	<!-- jquery.danmu.js (//github.com/chiruom/danmu/) - Licensed under the MIT license -->
</body>
</html>

转载于:https://my.oschina.net/cmliangchu/blog/617828