p5.js库的p5.MediaElement的clearCues()方法用于清除已使用addCue()方法调度的媒体元素的所有当前调度的提示。
用法:
clearCues()
参数:此函数不接受任何参数。
以下库包含在HTML文件的“head”部分中,以使JavaScript函数起作用。
<script src=”p5.Image.js”></script>
<script src=”p5.min.js”></script>
例:以下示例说明了p5.js库的clearCues()方法。
Javascript
function setup() {
createCanvas(550, 400);
textSize(18);
text("The events in addCue() are " +
"called according to the given time",
20, 20);
example_media =
createVideo("sample-video.mp4");
example_media.size(426, 240);
example_media.position(20, 60);
example_media.speed(1.5);
example_media.showControls();
rmvBtn =
createButton("Remove All Cues");
rmvBtn.position(20, 320);
rmvBtn.mousePressed(removeCues)
// Using the addCue() method for scheduling
// the given callback functions
example_media.addCue(3, changeColor);
example_media.addCue(4, changeColor);
example_media.addCue(5, changeColor);
example_media.addCue(7, changeColor);
}
function removeCues() {
clear();
// Remove all cues associated with
// the media element
example_media.clearCues();
text("All cues removed!", 20, 360);
text("The clearCues() method removes " +
"all the current cues", 20, 20);
}
function changeColor() {
// Set a random background color
r = random(100, 200);
g = random(100, 200);
b = random(100, 200);
background(r, g, b);
text("Background Color Changed!",
20, 360);
text("The events in addCue() are " +
"called according to the given time",
20, 20);
}
输出:
在线编辑: https://editor.p5js.org/
环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
参考:https://p5js.org/reference/#/p5.MediaElement/clearCues
相关用法
- p5.js clearCues()用法及代码示例
- p5.js MediaElement volume()用法及代码示例
- p5.js MediaElement showControls()用法及代码示例
- p5.js MediaElement hideControls()用法及代码示例
- p5.js MediaElement speed()用法及代码示例
- p5.js MediaElement time()用法及代码示例
- p5.js MediaElement duration()用法及代码示例
- p5.js MediaElement addCue()用法及代码示例
- p5.js MediaElement onended()用法及代码示例
- p5.js MediaElement removeCue()用法及代码示例
- Lodash _.method()用法及代码示例
- Node.js Http2ServerRequest.method用法及代码示例
- Node.js http.IncomingMessage.method用法及代码示例
- Javascript dataView.getInt16()用法及代码示例
- Javascript RegExp toString()用法及代码示例
- Node.js URLSearchParams.has()用法及代码示例
- JavaScript Math cosh()用法及代码示例
- HTML DOM isEqualNode()用法及代码示例
- JavaScript Date toLocaleTimeString()用法及代码示例
- Node.js crypto.createHash()用法及代码示例
- Node.js writeStream.clearLine()用法及代码示例
- Node.js fs.link()用法及代码示例
注:本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.js MediaElement clearCues() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。