canvas与audio结合

最新推荐文章于 2024-09-19 23:55:48 发布

sweetllh

最新推荐文章于 2024-09-19 23:55:48 发布

阅读量1.6k

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/sweetllh/article/details/76316572

版权

html5 专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
window.onload = function(){
    var oV = document.getElementById('v1');
    var oC = document.getElementById('c1');
    var oGC = oC.getContext('2d');

    oC.width = oV.videoWidth;
    oC.height = oV.videoHeight;

    setInterval(function(){

        oGC.drawImage( oV , 0 , 0 );

    },30);

};
</script>
</head>
<body>
<video controls id="v1">
    <source src="Intermission-Walk-in.ogv"></source>
    <source src="Intermission-Walk-in_512kb.mp4"></source>
</video>
<canvas id="c1"></canvas>
</body>
</html>