加林森 发表于 2022-5-25 17:28

《阿房宫赋（序曲）》- 郭洪钧

本帖最后由 加林森 于 2022-5-27 09:54 编辑 <br /><br /><style>
.wrap {
      left: -302px;top:150px;
        width: 1200px;
        height: 772px;
        background: teal url('https://pic.imgdb.cn/item/628e126709475431299ca6f6.jpg') no-repeat

center/cover;
        position: relative;
      box-shadow:4px 4px 5px #333;
      border-radius:8px;
}
.wrap::before {
      content: '';
      position: absolute;
      width: 50%;
      height: 50%;
      background: url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.gif') no-repeat

center/cover;
      opacity: .55;
      left:60px; top: 20px;
}
.progress {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 155px;
        height: 155px;
        left: 980px;
        top: 260px;
        border-radius: 50%;
        background: conic-gradient(from 180deg,#29ab7c0%,#e4f6f9 0%);
        cursor: pointer;
}

.progress::before {
        position: absolute;
        content: attr(data-per);
        width: 135px;
        height: 135px;
        border-radius: 50%;
        background: #F0FFFF url('https://pic.imgdb.cn/item/628df4df094754312973d146.jpg');
        text-align: center;
        font: normal 26px / 135px sans-serif;
}

</style>

<div class="wrap">
        <div class="progress" data-per="0%"></div>
        <audio id="aud" src="https://www.joy127.com/url/90504.mp3" loop="loop"
autoplay="autoplay"></audio>
</div><br><br><br><br><br><br>

<script>

let progress = document.querySelector('.progress');
let aud = document.querySelector('#aud');
let current, task;

aud.addEventListener('timeupdate', function(){
        task = aud.duration;
        current = aud.currentTime;
        setProgress(task,current);
});

progress.onclick = () =>{
        aud.paused ? aud.play() : aud.pause();
};

function setProgress(tt,cc) {
        if(tt <= 0 || cc <= 0) return false;
        let prog = 100 * cc / tt;
        progress.style.background = `conic-gradient(from 180deg,#29ab7c ${prog}%,#e4f6f9 ${prog}%)`;
        progress.setAttribute('data-per', prog.toFixed() + '%');
}

</script>
<br><br><br><br><br><br><br><br><br><br>

加林森 发表于 2022-5-25 17:29

本帖最后由 加林森 于 2022-5-25 17:37 编辑

      交响音乐《阿房宫赋》是著名作曲家郭洪钧为大型史诗乐舞景观剧《阿房宫赋》（刘晓庆等主演）所作的大型原创音乐作品，该交响音乐是舞台剧的音乐会版本。
      全部作品共分五个部分：一、序曲：“极顶幻景”；二、第一乐章：“横扫六合”；三、第二乐章：“秦皇盛宴”；四、第三乐章：“胭脂河殇”；五、第四乐章：“项羽焚宫”。演奏：中国国家交响乐团；演唱：中国国家交响乐团合唱团、总政歌舞团合唱团；乐队首席：刘云志；独唱：吕薇；伴唱：吸引力组合；民乐：张强（琵琶）、李祥霆（古琴）、张莹莹（竹笛）、王颖（二胡）、牛建党（唢呐）；MIDI：程明；录音：姜景鸿、大熊；作曲、指挥、艺术总监：郭洪

梦油 发表于 2022-5-25 18:01

这应该算是个大制作了吧

加林森 发表于 2022-5-25 18:04

梦油 发表于 2022-5-25 18:01
这应该算是个大制作了吧

嗯嗯，算是吧。

红影 发表于 2022-5-25 19:09

图片又是不清晰呢。那只鹰可以和文字错开点。音乐很好听{:4_187:}

加林森 发表于 2022-5-25 19:14

红影 发表于 2022-5-25 19:09
图片又是不清晰呢。那只鹰可以和文字错开点。音乐很好听

没有更加好的图片了。

加林森 发表于 2022-5-25 19:28

红影 发表于 2022-5-25 19:09
图片又是不清晰呢。那只鹰可以和文字错开点。音乐很好听

我现在又换了一张图片，你再来看看。

梦油 发表于 2022-5-25 20:20

加林森 发表于 2022-5-25 18:04
嗯嗯，算是吧。

祝愿你制作出更多更美的好作品来。

加林森 发表于 2022-5-25 20:39

梦油 发表于 2022-5-25 20:20
祝愿你制作出更多更美的好作品来。

嗯嗯，一定会的。

梦油 发表于 2022-5-25 20:50

加林森 发表于 2022-5-25 20:39
嗯嗯，一定会的。

期待着。

加林森 发表于 2022-5-25 20:56

梦油 发表于 2022-5-25 20:50
期待着。

嗯嗯

加林森 发表于 2022-5-25 22:18

@马黑黑

马黑黑 发表于 2022-5-25 22:19

感觉到鹰的翅翼煽动的风

加林森 发表于 2022-5-25 22:22

马黑黑 发表于 2022-5-25 22:19
感觉到鹰的翅翼煽动的风

这个制作好不好？

马黑黑 发表于 2022-5-25 22:30

加林森 发表于 2022-5-25 22:22
这个制作好不好？

挺好的

加林森 发表于 2022-5-25 22:34

马黑黑 发表于 2022-5-25 22:30
挺好的

谢谢老黑！

红影 发表于 2022-5-26 09:26

加林森 发表于 2022-5-25 19:28
我现在又换了一张图片，你再来看看。

比原来的好点，鹰太大了，不成比例了{:4_173:}

加林森 发表于 2022-5-26 11:16

红影 发表于 2022-5-26 09:26
比原来的好点，鹰太大了，不成比例了

增加气势嘛{:4_189:}

东篱闲人 发表于 2022-5-26 13:13

漂亮大气！{:4_204:}

东篱闲人 发表于 2022-5-26 13:14

就是鹰太大了，也虚了。。{:5_117:}
页: [1] 2
查看完整版本: 《阿房宫赋（序曲）》- 郭洪钧