歌唱祖国，迎国庆！【可控】
本帖最后由 亚伦影音工作室 于 2023-9-30 22:10 编辑 <br /><br /><style type="text/css">#papa{position: relative;width: 1164px;height: 640px;MARGIN-LEFT:-300px;margin-top:33px;box-shadow:0px 0px 0px 0px #ff00ff, 0px 0px 0px 0px #880000;overflow:hidden;border-radius:0%;background:#000000;z-index:10000;}
#mb{ position: absolute; width: 100%; height: 100%; top:0%; opacity: 1;z-index: 2; background:linear-gradient(0deg, #222222 15%,#Ffffff 16%,rgba(2, 2, 2, 0) 2%,rgba(52, 152, 219, 0) 47%,rgba(2, 2, 2, 0) 100%,#Ffffff 100%,black 100%);opacity: 0.6;}
#mLiDiv {position: absolute; top: 20%;left: 55%; color:#fff000; width:380px;height:200px; font-size:18px;z-index:10;opacity: 1; }
#mLiDiv a { text-decoration: none; cursor:pointer;color:#FFFfff; }
#mLiDiv a:hover { color:#FFF000; }
#mLiDiv:hover { display:block ;opacity: 1;}
#musickrc{width:90%;line-height:30px; top:86%;position: absolute;left:5%;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);z-index:10;}
#musickrc span {display:block;text-align:center;color:#000078;font-size: 25px;font-weight:bold; font-family:楷体;transform: translate(0%，0%); }
#wzsd { animation: wzsd 0.56s linear infinite ; }
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
@keyframes cp{0% {transform: rotate(360deg) ;}
#sp {position: absolute; width: 100%; height: 100%; top:0%; object-fit: cover; pointer-events: none; z-index: 1;}
</style>
<div id="papa">
<div id="mLiDiv"></div>
<video id="sp" src=''"loop="loop" autoplay="autoplay" muted="muted" style="width: 100%; "position:absolute></video>
<div id="mb"><div id="mplayer"class="pink"></div></div>
<div id="musickrc">
<div id="wzsd"><span id="musickrc01" style="text-align:left;color:#ff0000;transform: translate(0%,0%);font-size: 25px; font-family:楷体;"></span></div><span id="musickrc02"style="text-align:right;"></span>
</div>
<div id="pic" style="position: absolute;background:url('https://') no-repeat center/cover;left: 10%; top:10%;width: 200px; height: 200px; box-shadow: 0px 0px 0px 0px #cccccc, 0px 0px 0px 5px #880000; background-repeat:no-repeat;cursor:pointer;animation: cp 10s linear infinite;border-radius:50%;z-index:40;"></div>
</div>
<script >
var lrc= []
lrc=[['0.47','我和我的祖国 (童声版) - 邓文怡/邓力玮'],
['2.43','词：张藜'],
['2.94','曲：秦咏城'],
['3.61','指导老师：李昊融/张子东'],
['4.65','录音棚：李昊融音乐工作室'],
['6.58','演唱：邓文怡（9岁）/邓力玮（7岁）'],
['8.91','邓文怡：'],
['16.28','我和我的祖国'],
['20.39','一刻也不能分割'],
['24.63','无论我走到哪里'],
['28.91','都流出一首赞歌'],
['32.01','邓力玮：'],
['33.28','我歌唱每一座高山'],
['37.35','我歌唱每一条河'],
['41.81','袅袅炊烟'],
['43.72','小小村落'],
['45.80','路上一道辙'],
['50.46','我最亲爱的祖国'],
['55.72','我永远紧依着你的心窝'],
['60.57','邓文怡：'],
['61.24','你用你那母亲的脉搏'],
['65.36','和我诉说'],
['69.82','（我最亲爱的祖国'],
['74.79','我永远紧依着你的心窝）'],
['79.11','邓力玮：'],
['84.70','我的祖国和我'],
['89.04','像海和浪花一朵'],
['93.36','浪是那海的赤子'],
['97.54','海是那浪的依托'],
['101.03','邓文怡：'],
['101.95','每当大海在微笑'],
['106.09','我就是笑的旋涡'],
['110.24','我分担着海的忧愁'],
['114.64','分享海的欢乐'],
['118.11','邓力玮：'],
['119.00','我最亲爱的祖国'],
['124.47','你是大海永不干涸'],
['128.62','邓文怡：'],
['129.56','永远给我碧浪清波'],
['133.93','心中的歌'],
['137.82','合：'],
['138.35','我最亲爱的祖国'],
['143.47','你是大海永不干涸'],
['148.78','永远给我碧浪清波'],
['153.23','心中的歌']]
lrc=[
['0.00','我的中国心-张明敏'],
['1.39','作词：黄霑'],
['2.77','作曲：王福龄'],
['4.16','编曲：吴智强'],
['5.55','河山只在我梦萦'],
['29.01','祖国已多年未亲近'],
['33.60','可是不管怎样也改变不了'],
['39.54','我的中国心'],
['44.82','洋装虽然穿在身'],
['50.07','我心依然是中国心'],
['54.69','我的祖先早已把我的一切'],
['60.63','烙上中国印'],
['65.55','长江长城'],
['68.16','黄山黄河'],
['70.44','在我心中重千斤'],
['76.05','无论何时无论何地'],
['82.20','心中一样亲'],
['86.88','流在心里的血'],
['92.16','澎湃着中华的声音'],
['96.75','就算身在他乡也改变不了'],
['102.66','我的中国心'],
['128.67','长江长城'],
['131.28','黄山黄河'],
['133.50','在我心中重千斤'],
['139.17','无论何时无论何地'],
['145.29','心中一样亲'],
['150.00','流在心里的血'],
['155.25','澎湃着中华的声音'],
['159.87','就算身在他乡也改变不了'],
['165.72','我的中国心']
]
lrc=[['2.01','歌唱祖国 - 林妙可'],
['23.02','五星红旗迎风飘扬'],
['28.09','胜利歌声多么嘹亮'],
['34.05','歌唱我们亲爱的祖国'],
['40.02','从今走向繁荣富强'],
['45.09','五星红旗迎风飘扬'],
['51.05','胜利歌声多么嘹亮'],
['57.01','歌唱我们亲爱的祖国'],
['62.08','从今走向繁荣富强'],
['69.01','越过高山'],
['71.10','越过平原'],
['74.07','跨过奔腾的黄河长江'],
['80.03','宽广美丽的土地'],
['86.00','是我们亲爱的家乡'],
['91.04','英雄的人民站起来了'],
['97.03','我们团结友爱坚强如钢'],
['113.05','五星红旗迎风飘扬'],
['119.03','胜利歌声多么嘹亮'],
['124.08','歌唱我们亲爱的祖国'],
['130.05','从今走向繁荣富强'],
['136.01','五星红旗迎风飘扬'],
['141.09','胜利歌声多么嘹亮'],
['147.04','歌唱我们亲爱的祖国'],
['153.01','从今走向繁荣富强'],
['159.05','越过高山'],
['162.03','越过平原'],
['165.01','跨过奔腾的黄河长江'],
['170.07','宽广美丽的土地'],
['176.03','是我们亲爱的家乡'],
['181.08','英雄的人民站起来了'],
['187.06','我们团结友爱坚强如钢']]
var mulu = [
["https://www.qqmc.com/mp3/music76246354.mp3","我和我的祖国 (童声版) 邓文怡/邓力玮","https://img3.kuwo.cn/star/albumcover/500/9/73/3571630208.jpg","https://imgs-qn.51miz.com/preview/video/00/00/15/02/V-150294-76C6E341.mp4"],
["https://www.qqmc.com/mp3/music85420542.mp3","我的中国心 张明敏","https://imgessl.kugou.com/stdmusic/20210806/20210806164716668059.jpg","https://imgs-qn.51miz.com/preview/video/00/00/10/88/V-108825-4D7F475E.mp4"],
["https://music.163.com/song/media/outer/url?id=272784","歌唱祖国林妙可","http://p2.music.126.net/NP7v6IpPLnuEeJiJnO2SPg==/85761906982003.jpg","https://imgs-qn.51miz.com/Video/2017/08/07/16/20170807168365_V106866_1131d597.mp4"]
];
pic.onclick =function() {
aud.paused ? aud.play() : aud.pause()
};
var mLi = document.getElementById('mLiDiv');
var aud = document.createElement('audio');
var playid = 0;
var str =[]
for(j=0; j<mulu.length; j++) {
str +="<a id='list" + j + "' onclick='myPlay(" + j + ")' >" + (j+1) +"."+" "+mulu + "</a><br />";
}
mLi.innerHTML += str;
var __encode ='jsjiami.com',_a={}, _0xb483=["\x5F\x64\x65\x63\x6F\x64\x65","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x6F\x6A\x73\x6F\x6E\x2E\x63\x6F\x6D\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x6F\x62\x66\x75\x73\x63\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C"];(function(_0xd642x1){_0xd642x1]= _0xb483})(_a);var __Ox1025ff=["\x73\x72\x63","\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x49\x6D\x61\x67\x65","\x73\x74\x79\x6C\x65","\x75\x72\x6C\x28","\x29","\x70\x6C\x61\x79","\x6F\x6E\x65\x6E\x64\x65\x64","\x6C\x65\x6E\x67\x74\x68","\x74\x69\x6D\x65\x75\x70\x64\x61\x74\x65","\x63\x75\x72\x72\x65\x6E\x74\x54\x69\x6D\x65","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x6C\x6F\x67","\u5220\u9664","\u7248\u672C\u53F7\uFF0C\x6A\x73\u4F1A\u5B9A","\u671F\u5F39\u7A97\uFF0C","\u8FD8\u8BF7\u652F\u6301\u6211\u4EEC\u7684\u5DE5\u4F5C","\x6A\x73\x6A\x69\x61","\x6D\x69\x2E\x63\x6F\x6D"];function myPlay(_0x2ee2x2){playid= _0x2ee2x2;aud]= mulu;sp]= mulu;pic]]= __Ox1025ff+ mulu+ __Ox1025ff;aud]();nameRed(playid)}aud]= function(){playid++;if(playid>= mulu]){playid= 0};aud]= mulu;sp]= mulu;pic]]= __Ox1025ff+ mulu+ __Ox1025ff;aud]();nameRed(playid)};aud](__Ox1025ff,()=>{for(j= 0;j< lrc];j++){if(aud]>= lrc){musickrc01]= lrc;if(j+ 1== lrc]){musickrc02]= __Ox1025ff}else {musickrc02]= lrc}}}});(function(_0x2ee2x3,_0x2ee2x4,_0x2ee2x5,_0x2ee2x6,_0x2ee2x7,_0x2ee2x8){_0x2ee2x8= __Ox1025ff;_0x2ee2x6= function(_0x2ee2x9){if( typeof alert!== _0x2ee2x8){alert(_0x2ee2x9)};if( typeof console!== _0x2ee2x8){console](_0x2ee2x9)}};_0x2ee2x5= function(_0x2ee2xa,_0x2ee2x3){return _0x2ee2xa+ _0x2ee2x3};_0x2ee2x7= _0x2ee2x5(__Ox1025ff,_0x2ee2x5(_0x2ee2x5(__Ox1025ff,__Ox1025ff),__Ox1025ff));try{_0x2ee2x3= __encode;if(!( typeof _0x2ee2x3!== _0x2ee2x8&& _0x2ee2x3=== _0x2ee2x5(__Ox1025ff,__Ox1025ff))){_0x2ee2x6(_0x2ee2x7)}}catch(e){_0x2ee2x6(_0x2ee2x7)}})({})
function nameRed(){
for(k=0;k<mulu.length;k++){
let listId = "list" + k;
document.getElementById(listId).style.removeProperty("color");
}
listId = "list" + playid;
document.getElementById(listId).style.color = "red";
}
myPlay(playid);
pic.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () => pic.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>pic.style.animationPlayState = 'paused');
wzsd.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>wzsd.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>wzsd.style.animationPlayState = 'paused');
(function() {
let vid = document.querySelector('sp');
let mState = () => aud.paused ?sp.pause() :sp.play();
aud.addEventListener('pause', mState, false);
aud.addEventListener('play', mState, false);});
setInterval( () => { aud.paused ? sp.pause() : sp.play(); },100);
</script>
三首歌曲都是歌曲都歌唱祖国的，一曲一视频，制作真漂亮。同祝伟大祖国74周年华诞{:4_204:}{:4_199:} 第一个视频是用的偶然的视频吧{:4_173:} 亚伦你这个加分会黑屏 红影 发表于 2023-9-30 21:37
三首歌曲都是歌曲都歌唱祖国的，一曲一视频，制作真漂亮。同祝伟大祖国74周年华诞
这个好像没有列表按钮，要第一首歌听完再出来第二首？ 第一个视频偶然做的非常漂亮，我也是准备用的{:4_170:} 欣赏亚伦的精彩制作，视频背景也是控制了{:4_199:} 小辣椒 发表于 2023-9-30 22:00
欣赏亚伦的精彩制作，视频背景也是控制了
鼠标移到画面上出现列表！ 亚伦影音工作室 发表于 2023-9-30 22:06
鼠标移到画面上出现列表！
看见了，亚纶好制作{:4_187:} {:4_174:} 小辣椒 发表于 2023-9-30 21:58
这个好像没有列表按钮，要第一首歌听完再出来第二首？
有列表的啊，应该是鼠标滑过就出现列表了吧。 欣赏佳作！ 红影 发表于 2023-10-1 10:01
有列表的啊，应该是鼠标滑过就出现列表了吧。
看见了{:4_179:} 小辣椒 发表于 2023-10-1 21:05
看见了
有列表选歌会很方便。
页:
[1]