0

长话短说，我想要一个 html 画布动画表现得像一个视频，我想添加播放/暂停按钮和跳过帧/秒数的向前或向后按钮。问题是这样的，如果我将音频导入动画 cc 时间轴，当用户点击暂停然后播放音频时，动画将不会播放（因为只有在播放头擦过音频的第一帧时才会播放音频）

所以我正在考虑在画布的javascript或html端创建具有双重功能的按钮，例如播放按钮将具有播放动画的功能和在html中播放外部音频的功能文件

知道如何做双功能按钮，并将其与画布脚本或 html 一起使用吗？

this.playBtn.addEventListener("click", fl_ClickToGoToAndPlayFromFrame.bind(this));

function fl_ClickToGoToAndPlayFromFrame()
{
	this.gotoAndPlay(2);
}
<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<meta name="authoring-tool" content="Adobe_Animate_CC">
<title>2</title>
<!-- write your code here -->
<script src="createjs.min.js"></script>
<script src="2.js"></script>
</head>
<body onload="init();" style="margin:0px;">
	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1366px; height:768px">
		<canvas id="canvas" width="1366" height="768" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1366px; height:768px; position: absolute; left: 0px; top: 0px; display: block;">
		</div>
    <div>
     <audio>
  <source src="external audio.mp3" type="audio/mpeg">
</audio> 
    </div>
	</div>
</body>
</html>

4

0 回答 0