加林森 发表于 2022-5-11 13:16
是的。
好好供养哈
加林森 发表于 2022-5-11 13:12
哦，我这个是电信的。
不关网络运营商的事
本帖最后由 加林森 于 2022-6-20 18:24 编辑 <br /><br />马黑黑 发表于 2022-5-11 13:26
好好供养哈
好的好的
<style>
.outer { left: -224px; width: 1040px; height: 692px; top: 120px; background: linear-gradient(to right top,black,#eee); position: relative; }
.outer h2 { position: absolute; margin: 110px; font: bold 1.8em sans-serif;color: #ccc; text-shadow: 1px 1px 2px #000; }
.picbox { position: absolute; width: 1040px; height: 692px; animation: fadein 2s; }
.mama { left: 150px; bottom: 380px; width: fit-content; height: fit-content; position: absolute; cursor: pointer; border-radius: 0 100%; background: linear-gradient(transparent,green); }
.wrap { width: 90px; height: 60px; box-reflect: below 0 linear-gradient(rgba(0,0,0,.01),#000); -webkit-box-reflect: below 0 linear-gradient(rgba(0,0,0,.01),#000); position: relative; }
.mama meter { width: 90px; position: relative; }
.wrap span { width: 6px; height: 60px; bottom: -8px; display: inline-block; position: absolute; }
.wrap span::before { position: absolute; content: ''; width: inherit; height: 3px; background: #eee; top: -3px; animation: up 1s ease-in infinite; }
@keyframes up { from { top: -6px; } to { top: -16px; } }
@keyframes fadein { from { opacity: .1; } to {opacity: 1; } }
@keyframes fadeout { from { opacity: 1; } to {opacity: .4; } }
</style>
<div class="outer">
<h2>孤身 - 徐秉龙</h2>
<img class="picbox" src="<img src="https://pic.rmb.bdstatic.com/bjh/31cffaf9977cebef9bd64262663b8eda.jpeg" alt="" />
<div class="mama">
<div class="wrap"></div>
<meter id="meter" value="0" min="0" max="100" low="33" high="66" optimum="70"></meter>
</div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1365393542.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let mama = document.querySelector('.mama'),
picbox = document.querySelector('.picbox'),
wrap = document.querySelector('.wrap'),
lrcbox = document.querySelector('.lrcbox'),
aud = document.querySelector('#aud'),
meter = document.querySelector('#meter');
let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min,
prog = (tt, cc) => 100 * cc / tt;
let picAr = ['1','2','3','4','5'], idx = 0, flag = true;
let newPic = picAr.map((img) => {
return ('https://pic.imgdb.cn/item/62b041570947543129fa5a7c.02.jpg' + img + '.jpg');
})
Array.from({length: 10}).forEach((ele,key) => {
ele = document.createElement('span');
ele.className = 'sskey';
ele.style.left = key * 6 + key * 3 + 'px';
ele.style.height = num(10,60) + 'px';
ele.style.backgroundColor = `rgba(${num(0,255)},${num(0,255)},${num(0,255)},.95)`;
wrap.appendChild(ele);
})
let sskey = document.querySelectorAll('.sskey');
mama.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
Array.from(sskey).forEach((ele) => {
ele.style.height = num(10, 60) + 'px';
})
meter.value = prog(aud.duration, aud.currentTime);
});
let timer = setInterval(() => {
picbox.style.animation = '';
idx ++;
if(idx >= picAr.length) idx = 0;
picbox.src = newPic;
flag ? (picbox.style.animation = 'fadeout 2s', flag = false) : (picbox.style.animation = 'fadein 2s', flag = true);
}, 5000);
</script>
<br><br><br><br><br><br><br><br><br><br><br>
马黑黑 发表于 2022-5-11 13:27
不关网络运营商的事
就是浏览器的开放问题了
加林森 发表于 2022-5-11 11:20
现在红影你再来看，有视频了。
嗯嗯，现在能看到了。{:4_204:}
红影 发表于 2022-5-11 16:25
嗯嗯，现在能看到了。
是的
加林森 发表于 2022-5-11 13:31
就是浏览器的开放问题了
不是，是视频运营者的事情
加林森 发表于 2022-5-11 13:31
好的好的
养的白白胖胖的最好
马黑黑 发表于 2022-5-11 19:30
不是，是视频运营者的事情
哦，知道了。
马黑黑 发表于 2022-5-11 19:30
养的白白胖胖的最好
养好了送你那里去，是不是这个意思？
加林森 发表于 2022-5-11 19:32
哦，知道了。
{:5_108:}
加林森 发表于 2022-5-11 19:33
养好了送你那里去，是不是这个意思？
是猪的话可以考虑接收
马黑黑 发表于 2022-5-11 19:33
{:5_108:}
马黑黑 发表于 2022-5-11 19:33
是猪的话可以考虑接收
不想要人？
加林森 发表于 2022-5-11 19:42
不想要人？
我是杀猪的，不杀啥那个
马黑黑 发表于 2022-5-11 20:01
我是杀猪的，不杀啥那个
{:4_172:}
制作真漂亮 喜欢的歌曲 队长好分享 经典 {:4_204:}{:4_199:}
大猫咪 发表于 2022-5-11 21:44
制作真漂亮 喜欢的歌曲 队长好分享 经典
猫猫真乖！我现在用的是手机！谢谢啦！
加林森 发表于 2022-5-11 22:00
猫猫真乖！我现在用的是手机！谢谢啦！
不客气队长 {:4_179:}手机会帖麻烦 不用回 {:4_179:}
大猫咪 发表于 2022-5-11 22:14
不客气队长 手机会帖麻烦 不用回
我休息了！