光 亮(马黑黑原创)
<style>#mama {
margin: 130px 0 30px calc(50% - 721px);
width: 1280px;
height: 720px;
background: url('https://pic.imgdb.cn/item/66d5ee02d9c307b7e9702656.jpg') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
position: relative;
}
#mama > video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: screen;
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio id="aud" src="https://www.kumeiwp.com/wj/185623/2023/12/29/b7c5ae64bd5bb43fa974449d85b9b079.mp3" autoplay="" loop=""></audio>
<video src="https://img.tukuppt.com/video_show/15653652/04/57/90/6490fb3b722ba.mp4" autoplay loop muted></video>
</div>
<script>
var geci = `光亮—周深\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 2024—09`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/ewave_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
circle: { num: 20, len: 10, color: 'lightyellow'},
player_css: 'right: 80px; top: 80px; --bg: transparent; --br: 50%; --opacity: .25; ',
lrc_css: 'left: 23%; transform: translateX(-50%); top: 620px; --bg: linear-gradient( #eee, #eeeeee80); color: #666;',
fs_css: 'left: 46%; bottom: 20px; --bg: transparent; --color: #eee;',
});
};
</script> @马黑黑
老师 晚上好,学生交作业,请指正哈{:4_190:}
另:手机制作 歌词位置不太准,麻烦老师调整一下~~ {:4_199:} 谢谢分享! 欣赏佳作,问候朵拉。 欣赏欣赏 感谢分享 手机设计的画面,太厉害了。。{:4_187:} 画面设计创意比较好,选得这个圆形小播也好看。{:4_199:}
《光亮》很好听的一首歌 。。。 朵拉辛苦的,每天学习制作这么迟{:4_179:} 欣赏朵拉的好漂亮的制作,歌词同步做的很好哦,手机制作太厉害了
页:
[1]