学习帖【绿水青山】黑黑老师神战作业
<style>#papa {
margin: 30px 0 30px calc(50% - 721px);
width: 1280px;
height: 720px;
background: url('https://pic.imgdb.cn/item/66c2a93cd9c307b7e966b38d.jpg') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
display: grid;
place-items: center;
position: relative;
}
#papa > video {
position: absolute;
width: 100%;
height: calc(100% + 200px);
object-fit: cover;
opacity: .45;
mix-blend-mode: screen;
pointer-events: none;
}
</style>
<div id="papa" class="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2085702886" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2405179/00/02/35/5b56c8b31b1ad.mp4" autoplay loop muted></video>
<img src="https://pic.imgdb.cn/item/66c2b875d9c307b7e97e2971.giff" width="300px" alt="" style="position: absolute; bottom: 40px; left: 40px;opacity: .75;" />
<img src="https://pic.imgdb.cn/item/66c2bd9dd9c307b7e983c840.gif" width="200px" alt="" style="position: absolute; bottom: 40px; left:940px;opacity: .75;" />
</div>
<script>
var geci = ` 作词 : 高国军\n 作曲 : 高捞\n绿水青山\n作词：高国军\n作曲：高捞\n演唱：闫辽艳\n出品：浩艺影音\n录混：高LAO录音棚\n一 抹青山到天边\n朵朵白云飘山间\n花香鸟语惹人醉\n人在山中多悠闲\n一道绿水绕青山\n轻轻薄雾河两岸\n水清 鱼美 撒着欢\n游人戏水多浪漫\n青山绿水 绿水青山\n青山不老美画卷\n人在画中 笑开颜\n万水千山都走遍\n青山绿水 绿水青山\n绿水长流几千年\n游山玩水 我喜欢\n四季美景都看遍\n一道绿水绕青山\n轻轻薄雾河两岸\n水清鱼美 撒着欢\n游人戏水多浪漫\n青山绿水 绿水青山\n青山不老美画卷\n人在画中 笑开颜\n万水千山都走遍\n青山绿水 绿水青山\n绿水长流几千年\n游山玩水 我喜欢\n四季美景都看遍\n青山绿水 绿水青山\n青山不老美画卷\n人在画中 笑开颜\n万水千山都走遍\n青山绿水 绿 水青山\n绿水长流几千年\n游山玩水 我喜欢\n四季美景都看遍`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/pinpu_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#papa',
geci: geci,
skip: 0,
average: 0,
pinpu: {num: 60, width: 8, height: 150, color: 'transparent'},
player_css: 'bottom: 20px; color: #eee; --prog: white; --track: silver; --cap: snow',
lrc_css: 'top: 20px; --bg: linear-gradient(#fff, #fff, #ffffff08); color: silver;',
fs_css: '--bg: transparent; --color: snow;'
});
};
</script>
无音乐。https://music.163.com/song/media/outer/url?id=2085702886？ 彩云归 发表于 2024-8-19 15:33
无音乐。https://music.163.com/song/media/outer/url?id=2085702886？
没音乐动态也没了{:5_149:}
现在网易云音乐也上不去 彩云归 发表于 2024-8-19 15:33
无音乐。https://music.163.com/song/media/outer/url?id=2085702886？
彩云归老师，163音乐都 断链了！{:4_201:} 起个网名好难 发表于 2024-8-19 15:43
没音乐动态也没了
现在网易云音乐也上不去
老师，大事不妙了，163音乐全部断链了！{:4_201:} 梦江南 发表于 2024-8-19 16:00
老师，大事不妙了，163音乐全部断链了！
莫急，过段时间一定会恢复的。 起个网名好难 发表于 2024-8-19 16:03
莫急，过段时间一定会恢复的。
现在怎么办？ 好美的景色啊！ 梦江南 发表于 2024-8-19 15:59
彩云归老师，163音乐都 断链了！
163故障应该会尽快排除......目前只能耐心等待。 梦江南 发表于 2024-8-19 16:09
现在怎么办？
要着急就另寻下载的歌曲， 不过下了后还要上传麻烦点。 [ 本帖最后由 起个网名好难 于 2024-8-19 17:02 编辑 ]\n\n梦江南 发表于 2024-8-19 16:09
现在怎么办？
好消息：163好了！ 起个网名好难 发表于 2024-8-19 15:43
没音乐动态也没了
现在网易云音乐也上不去
现在网易云音乐已排除故障，恢复正常了！ 彩云归 发表于 2024-8-19 15:33
无音乐。https://music.163.com/song/media/outer/url?id=2085702886？
回去老师，现在音乐有了。 起个网名好难 发表于 2024-8-19 17:01
[ 本帖最后由 起个网名好难 于 2024-8-19 17:02 编辑 ]\n\n梦江南 发表于 2024-8-19 16:09
现在怎么办？
...
来了，太好了。 起个网名好难 发表于 2024-8-19 16:55
要着急就另寻下载的歌曲， 不过下了后还要上传麻烦点。
现在用习惯了163，其它的一时也忘了，而且也不知要上传到啥地方。 彩云归 发表于 2024-8-19 16:54
163故障应该会尽快排除......目前只能耐心等待。
谢谢老师，163好了。 梦江南 发表于 2024-8-19 17:14
谢谢老师，163好了。
是的，好了，开心！ 彩云归 发表于 2024-8-19 17:16
是的，好了，开心！
是的，音乐是一幅音画的灵魂，没有了音乐，就等于一张图片。真的好开心！ 这个场景好美，两个小动图也加得好看，视频也合适。
欣赏江南好帖{:4_199:} 问好梦江南，欣赏精彩的作业，很漂亮的制作{:4_199:}
页:
[1]
2