|
|

楼主 |
发表于 2023-3-10 08:03
|
显示全部楼层
帖子代码
- <style>
- #canv {
- margin: -80px 0 0 calc(50% - 593px);
- display: block;
- box-shadow: 3px 3px 20px #000;
- position: relative;
- cursor: pointer;
- z-index: 1;
- }
- #vid { display: none; }
- </style>
- <canvas id="canv" width="1024" height="540"></canvas>
- <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1894092291" autoplay loop></audio>
- <video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/98/5b4f6dda0115f.mp4" autoplay loop muted></video>
- <script>
- let ctx = canv.getContext('2d');
- let loop = () => {
- ctx.drawImage(vid, 0, 0, 1024, 540);
- ctx.drawImage(vid,0,0,800,540,892,0,132,80);
- if(!vid.paused) {
- requestAnimationFrame(loop);
- return;
- }
- }
- vid.addEventListener('play', loop, false);
- let mState = () => aud.paused ? vid.pause() : vid.play();
- aud.addEventListener('play', () => mState());
- aud.addEventListener('pause', () => mState());
- aud.addEventListener('seeked', () => calcKey());
- canv.addEventListener('click', () => aud.paused ? aud.play() : aud.pause());
- </script>
复制代码
|
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|