本帖最后由 南无月 于 2024-5-25 20:20 编辑 <br /><br /><style>
#tiezi { position: relative; left: calc(50% - 181px); top: 60px; transform: translate(-50%);}
#vc { position: absolute; left: 0; top: 0; background: lightblue; border: 1px solid gray; box-shadow: 2px 2px 4px gray;transform: scale(1.5, 1.5); }
#vid { opacity: 0; }
#player { position: absolute; left: 240px; top: 260px; cursor: pointer; filter: drop-shadow(0 0 16px lightblue) opacity(.99); animation: rot 2.2s linear infinite alternate var(--state); }
@keyframes rot
{ from { opacity: 0.9; transform: rotate(0) skew(-5deg) translate(0,0); } to { opacity: 0.2; transform: rotate(-16deg) skew(5deg) translate(20px,0px); } }
</style>
<div id="tiezi">
<video id="vid" src="https://img.tukuppt.com/video_show/2629112/00/02/22/5b5874e61640f.mp4" loop muted></video>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1992058764" autoplay loop></audio>
<canvas id="vc" width="960" height="540"></canvas>
<img id="player" src="https://pic.imgdb.cn/item/66515bced9c307b7e95991ce.png" alt="" title="播放/暂停" />
</div>
<script>
var ctx = vc.getContext('2d');
var ww = vc.width, hh = vc.height;
var raf = null;
aud.onplaying = aud.onpause = () => {
aud.paused ? vid.pause() : vid.play();
tiezi.style.setProperty('--state', aud.paused ? 'paused' : 'running');
vDraw();
};
aud.onseeked = () => cancelAnimationFrame(raf);
var vDraw = () => {
ctx.drawImage(vid, 0, 0, ww, hh, 0, -45, ww, hh + 45);
aud.paused ? cancelAnimationFrame(raf) : raf = requestAnimationFrame(vDraw);
};
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>
<br><br><br><br><br><br>
南无月 发表于 2024-3-24 17:33
点击率就是广告收入。。我严重怀疑靠点击的小游戏，背后其实都是广告
广告也有广告的技巧，也有不需要技巧的赤裸裸地就上
南无月 发表于 2024-3-24 17:32
好吧，别的功能更有待发现
慢慢来不急
本帖最后由 南无月 于 2024-5-22 19:54 编辑 <br /><br />马黑黑 发表于 2024-3-24 17:59
广告也有广告的技巧，也有不需要技巧的赤裸裸地就上
反正无处不在{:4_173:}特别是好用的免费软件。。。。
马黑黑 发表于 2024-3-24 17:59
慢慢来不急
从来不急的。。{:4_170:}
南无月 发表于 2024-3-24 20:00
从来不急的。。
不急就好，俺喜欢从容
南无月 发表于 2024-3-24 20:00
反正无处不在特别是好用的免费软件。。。。
广告是一种经济手段
马黑黑 发表于 2024-3-24 20:28
不急就好，俺喜欢从容
从从容容才是真。。平平淡淡也是真。。{:4_173:}
马黑黑 发表于 2024-3-24 20:28
广告是一种经济手段
碎片时间点点~~广告投放设计也是要琢磨使用者的心理。。
南无月 发表于 2024-3-24 20:34
碎片时间点点~~广告投放设计也是要琢磨使用者的心理。。
这个俺不太懂
南无月 发表于 2024-3-24 20:32
从从容容才是真。。平平淡淡也是真。。
没错
马黑黑 发表于 2024-3-24 21:31
没错
{:4_173:}这歌 词没记错
马黑黑 发表于 2024-3-24 21:31
这个俺不太懂
不太懂的意思还是有些懂
南无月 发表于 2024-3-25 18:03
不太懂的意思还是有些懂
似懂非懂
南无月 发表于 2024-3-25 18:02
这歌 词没记错
优秀
马黑黑 发表于 2024-3-25 22:22
优秀
这评价老高了。
马黑黑 发表于 2024-3-25 22:22
似懂非懂
半懂不懂。。。聊啥呢。。
我来翻个页
{:4_199:}
{:4_174:}
{:4_188:}