民乐《晋城往事》
本帖最后由 杨帆 于 2025-11-18 21:11 编辑 <br /><br /><style>#pa{margin:30px 0 30px calc(50% - 631px);width:1100px;height:660px;background:url('https://pic1.imgdb.cn/item/691aca273203f7be000e3e1f.gif') no-repeat center/cover;box-shadow:4px 4px 8px gray;z-index:1;position:relative;overflow:hidden;--state:running;}
#showSVG{left:0%;top:0%;width:100%;height:110%;position:absolute;box-shadow:4px 4px 10px black;background:url("https://pic1.imgdb.cn/item/691aca273203f7be000e3e1f.gif") no-repeat center/cover;z-index:2;display:var(--display);}
#msvg{position:absolute;right:1%;bottom:1%;cursor:pointer;animation:rot 8s linear infinite var(--state);z-index:5;}
@keyframes rot{to{transform:rotate(-360deg);}}
#vid{position:absolute;width:30%;height:30%;left:3%;bottom:3%;object-fit:cover;border:1px solid #ccc;box-shadow:2px 2px 8px rgba(0,0,0,0.3) inset;border-radius:50%;mix-blend-mode:unset;overflow:hidden;pointer-events:none;display:var(--display);opacity:.9;z-index:2;transition:opacity .5s ease;animation:opa 10s infinite linear var(--state);}
@keyframes opa{to{opacity:0;}}
#fullscreen{position:absolute;right:20px;top:20px;padding:6px;background:green;color:white;border:2px solid white;border-radius:8px;cursor:pointer;pointer-events:auto;z-index:10;opacity:1;transition:opacity 0.3s ease;}
#fullscreen:hover{font-style:italic;}
</style>
<div id="pa">
<div id="showSVG"></div>
<audio id="aud" src="https://upfile.mp3.wf/view.php/03e5833477a96276a89dcbb2707daf1d.mp3" autoplay loop></audio>
<video id="vid" src="https://vd4.bdstatic.com/mda-rjcaqhpd8b2wnxec/1080p/cae_h264/1760341083922159663/mda-rjcaqhpd8b2wnxec.mp4" autoplay preload="auto" loop muted></video><metaname="referrer" content="never">
<svg id="msvg" width="120" height="120" viewBox="-200 -200 400 400"><title>播放/暂停</title></svg>
<span id="fullscreen">全屏观赏</span>
</div>
<script>
const pics=["https://pic1.imgdb.cn/item/691ac7243203f7be000e23c6.jpg","https://pic1.imgdb.cn/item/691ac7553203f7be000e25db.jpg","https://pic1.imgdb.cn/item/691ac7993203f7be000e288e.jpg","https://pic1.imgdb.cn/item/691ac7bc3203f7be000e29ec.jpg","https://pic1.imgdb.cn/item/691ac7fb3203f7be000e2cbf.jpg","https://pic1.imgdb.cn/item/691ac81e3203f7be000e2e4e.jpg","https://pic1.imgdb.cn/item/691ac8443203f7be000e2ff7.jpg","https://pic1.imgdb.cn/item/691ac8683203f7be000e3142.jpg","https://pic1.imgdb.cn/item/691ac88a3203f7be000e3235.jpg","https://pic1.imgdb.cn/item/691ac8af3203f7be000e3344.jpg","https://pic1.imgdb.cn/item/691ac8e33203f7be000e34ba.jpg","https://pic1.imgdb.cn/item/691ac92a3203f7be000e36c2.jpg","https://pic1.imgdb.cn/item/691ac9543203f7be000e37f2.jpg","https://pic1.imgdb.cn/item/691ac97a3203f7be000e38ff.png","https://pic1.imgdb.cn/item/691ac9a43203f7be000e3a49.jpg"];
var sf=document.createElement('script');
sf.type='text/javascript';
sf.src="https://file.uhsea.com/2511/2e7fde49c5f36ddacf37cbe4c0032874PT.js";
sf.charset="utf-8";
document.body.appendChild(sf);
sf.onload=()=>{
let opts={width:showSVG.offsetWidth,height:showSVG.offsetHeight,showObj:showSVG,picAr:pics};
new mkSVGPics(opts).makeSVGsegment();
}
</script>
<script type="module">
import draw from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
var dr=draw.dr('msvg');
dr.gradient('linearGradient',{id:'grd',x1:0,x2:0,y1:0,y2:1},[['plum',0],['red',.5],['black',1]]);
dr.path('M0 0 C-100 -200,100 -200,0 0','url(#grd)').rotates(5);
dr.circle(0,0,5,'none','pink',10);
const pa=document.getElementById('pa');
const aud=document.getElementById('aud');
const vid=document.getElementById('vid');
const fullscreen=document.getElementById('fullscreen');
const msvg=document.getElementById('msvg');
const showSVG=document.getElementById('showSVG');
msvg.onclick=()=>{
if(aud.paused){
aud.play();
vid.play();
msvg.style.animationPlayState='running';
showSVG.style.setProperty('--display','block');
vid.style.setProperty('--display','block');
}else{
aud.pause();
vid.pause();
msvg.style.animationPlayState='paused';
showSVG.style.setProperty('--display','none');
vid.style.setProperty('--display','none');
}
};
let fs=true;
let fsTimer;
fullscreen.onclick=()=>{
fs?(fullscreen.innerText='退出全屏',pa.requestFullscreen()):(fullscreen.innerText='全屏欣赏',document.exitFullscreen());
fs=!fs;
};
pa.addEventListener('mousemove',()=>{
clearTimeout(fsTimer);
fullscreen.style.opacity='1';
fsTimer=setTimeout(()=>{fullscreen.style.opacity='0';},3000);
});
</script>
本帖最后由 杨帆 于 2025-11-18 12:24 编辑
民乐《晋城往事》是一首由陈飞、高杨作曲的二胡、琵琶重奏曲，是电视剧《乔家大院》的插曲。
这首曲子旋律如泣如诉，能够唤醒人们对故乡的记忆，让人想起故乡的一砖一瓦以及父母劳作的身影。
该曲通过二胡与琵琶的交织，将山西晋城的地域文化与历史记忆融入旋律之中，唤起人们对故乡往事的共鸣……
这些老照片很让人感慨，老建筑仍在，而其中的人换了一茬又一茬。{:4_204:} 当看到那些历史的印记，往昔的回忆是瞬间回归还是已经淡漠，那是大多数人魂牵梦绕的牵挂。 问好杨帆，纯音乐很好听{:4_208:} 老照片就像从故土抓的一把泥土，虽然故土的土壤无数，但这把泥土就代表了那些无垠的故乡泥土{:4_199:} 都是怀旧的图图，图片转换流畅，欣赏杨帆精彩的制作 很精致的制作，乐曲我也很喜欢，过场很漂亮。通过文字知道了历史，涨了知识，很赞佩！！
好贴宜人，祝杨帆制作愉快！！{:4_204:}
红影 发表于 2025-11-17 22:36
这些老照片很让人感慨，老建筑仍在，而其中的人换了一茬又一茬。
问好影子~老照片是网上找的，许多老建筑已定格为照片，人间正道是沧桑{:4_171:}
小辣椒 发表于 2025-11-17 22:41
问好杨帆，纯音乐很好听
问好小辣椒，树高千尺不忘根，此曲很容易勾起人们的故乡情结{:4_208:}
心之所向，便是故乡，我们所牵挂的不只是故乡、更有远在故乡的人。 霜染枫丹 发表于 2025-11-17 22:47
很精致的制作，乐曲我也很喜欢，过场很漂亮。通过文字知道了历史，涨了知识，很赞佩！！
好贴宜人，祝杨 ...
问好枫丹~背景图片用的是你的照片呦，在此表示感谢{:4_204:} 音画太棒了！
音画唯美，有时代感
背景音乐动听
制作大气
音画合一，音乐与画面结合完美
玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
感谢杨帆带来的精彩，辛苦了！祝你开心幸福、阖家安康！ 本帖最后由 杨帆 于 2025-11-18 20:26 编辑
杨帆 发表于 2025-11-18 13:05
问好枫丹~背景图片用的是你的照片呦，在此表示感谢
我的照片您随便用，如果有特定的要求，告诉我拍摄AI生成都可以，老朋友不客气。做视频挺好玩的，多做点就熟练了，祝您制作愉快！！{:4_204:}
好，老朋友就是老朋友，谢谢枫丹老朋友{:4_204:}
杨帆 发表于 2025-11-18 12:54
问好影子~老照片是网上找的，许多老建筑已定格为照片，人间正道是沧桑
是啊，定格为照片了，现实里已经不存在了吧。{:4_187:}
页:
[1]
2