圊圊淥詶 发表于 2025-12-31 21:22:42

「每月同图」2026年1月场 · 让画面替时光发声


<BR><BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新年好！<BR><BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新年的第一缕阳光即将洒落，我们怀着满心期待，为您带来了2026年的第一场同图活动。这是一个全新的开始，也是一次温暖的延续。<BR><BR>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;站在2026年的起点，让我们先一起回顾上个月那些令人难忘的创作瞬间，这些由你们用心雕琢的画面，是这个冬天最温暖的礼物。每一幅作品都在诉说着独特的故事，感谢你们用才华点亮了十二月的星空。

<BR><BR><BR><BR>

https://www.yhyhlt.com/thread-24358-1-4.html(姚云裳 - 月光不归)<BR>
https://www.yhyhlt.com/thread-24359-1-4.html(欧阳风刀 - 如愿)<BR>
https://www.yhyhlt.com/thread-24362-1-4.html(花茶 - 你的笑容 似花绽放)<BR>
https://www.yhyhlt.com/thread-24364-1-4.html(游侠 - 听闻远方有你)<BR>
https://www.yhyhlt.com/thread-24367-1-4.html(紫雨琦琦 - 一纸行书)<BR>
https://www.yhyhlt.com/thread-24365-1-4.html(玫玫 - 竹光里的笛韵)<BR>
https://www.yhyhlt.com/thread-24371-1-4.html(雨声 - 长相思)<BR>
https://www.yhyhlt.com/thread-24372-1-4.html(勤望青 - 祝福)<BR>
https://www.yhyhlt.com/thread-24381-1-4.html(浅唱 - 所有的影子都活了)<BR>
https://www.yhyhlt.com/thread-24393-1-3.html(呼吸 - 春烟里的笛音)<BR>
https://www.yhyhlt.com/thread-24394-1-3.html(绿蔷薇 - 传奇)<BR>
https://www.yhyhlt.com/thread-24396-1-3.html(楚云飞 - 都市留白处青衫带笛来)<BR>
https://www.yhyhlt.com/thread-24399-1-3.html(冰山火焰 - 软风裁绿)<BR>
https://www.yhyhlt.com/thread-24401-1-3.html(游侠 - 赏竹)<BR>
https://www.yhyhlt.com/thread-24407-1-3.html(青依 - 时光安然，几许清欢)<BR>
https://www.yhyhlt.com/thread-24408-1-3.html(圊圊淥詶 - 浮云渡)<BR>
https://www.yhyhlt.com/thread-24415-1-3.html(安月 - 月光不归)<BR>
https://www.yhyhlt.com/thread-24422-1-3.html(小雨的心 - 落了白)<BR>
https://www.yhyhlt.com/thread-24444-1-3.html(玫玫 - 一纸行书)<BR>
https://www.yhyhlt.com/thread-24455-1-3.html(念若莲 - 一身诗意入江南)<BR>
https://www.yhyhlt.com/thread-24473-1-2.html(无尘雨 - 江南女子，似水凝烟)<BR>
https://www.yhyhlt.com/thread-24476-1-2.html(浅唱 - 传奇)<BR>
https://www.yhyhlt.com/thread-24488-1-2.html(游侠 - 笛韵飞花)<BR>
https://www.yhyhlt.com/thread-24492-1-2.html(傲雷影儿 - 在眼睛的水里)<BR>
https://www.yhyhlt.com/thread-24494-1-2.html(素心若雪 - 传奇)<BR>
https://www.yhyhlt.com/thread-24498-1-2.html(景明 - 浮云渡)<BR>
https://www.yhyhlt.com/thread-24505-1-2.html(安月 - 细数流年)<BR>
https://www.yhyhlt.com/thread-24539-1-2.html(紫雨琦琦 - 浮云渡)<BR>
https://www.yhyhlt.com/thread-24555-1-2.html(玫玫 - 月光不归)<BR>
https://www.yhyhlt.com/thread-24566-1-2.html(素心若雪 - 浮云渡)<BR>
https://www.yhyhlt.com/thread-24610-1-1.html(绿蔷薇 - 人间有味是清欢)<BR>
https://www.yhyhlt.com/thread-24615-1-1.html(素心若雪 - 人间有味是清欢)<BR>
https://www.yhyhlt.com/thread-24661-1-1.html(素心若雪 - 月光不归)<BR><BR>

--------------------------------------------------------------------------------------------------------------------<BR>

https://www.yhyhlt.com/thread-24361-1-1.html(圊圊淥詶文字 - 祝福)<BR>
https://www.yhyhlt.com/thread-24383-1-1.html(浅唱文字 - 传奇)<BR><BR>

--------------------------------------------------------------------------------------------------------------------<BR>
https://www.yhyhlt.com/thread-24369-1-1.html(圊圊淥詶朗诵 - 祝福)

<BR>


https://www.yhyhlt.com/data/attachment/forum/202512/31/151828s2i2zbaob1vz212b.gif


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2026年的第一个清晨，阳光一定会比往常更清澈。我们站在新年的门槛上，突然很想问：如果用一幅画来定义你的1月，它会是什么样子？<BR><BR>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本月，我们精选了一组诗意静谧的素材(素材见2楼)，等待着被赋予属于您的故事。<BR><BR><BR>


【本月活动详情】<BR>
✧活动周期：1月1日到1月30日19点。<BR>
✧发布版块：各相应版块。<BR>
✧标题请注明：【云荷一月同图】+ 你的标题，例如：【云荷一月同图】旧梦难却；并在图片上注明：【云荷X月同图】

<BR><BR><BR>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们始终相信，每幅作品最动人的部分是创作者倾注其中的心血与温度。因此我们更加珍视与鼓励真情实感的创作。AI只是辅助工具，是我们的助手，而您的情感与巧思，才是作品真正的灵魂。




<BR>


https://www.yhyhlt.com/data/attachment/forum/202512/31/151828s2i2zbaob1vz212b.gif


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这个冬天或许寒冷，但创作总能带来温暖。我们期待看到您笔下的新年气象，期待每一个独特的故事在您的图片上绽放。<BR><BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;愿2026年的第一个月，我们能继续在云荷大家庭里相遇、相知、相伴。
<BR><BR><BR><BR>



云荷音画论坛管理团队<BR>
2025年12月31日<BR>

https://www.yhyhlt.com/data/attachment/forum/202511/10/111517q713mp7ds3h87h00.gif

<BR><BR>







<style>
    @import 'https://638183.freep.cn/638183/web/mod/mp3splayer.css';
    #tz {
      margin: 30px 0 30px calc(0% - 0px);
      width: 650px;
      height: 650px;
      background: url('https://www.yhyhlt.com/data/attachment/forum/202512/31/105852v692l5wvz3z7b9bp.jpg') no-repeat center/cover;
      overflow: hidden;
      position: relative;
    }
    .vid {
      position: absolute;
      width: 100%;
      height: 110%;
      object-fit: cover;
      top:-80px;
      mix-blend-mode: screen;
      pointer-events: none;
      opacity: .45;
    }
   
    /* 自定义顺序播放器样式 - 修改隐藏效果 */
    #customPlayer {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(87, 97, 137, 0.85);
      padding: 12px 20px;
      border-radius: 10px;
      color: snow;
      width: 380px;
      min-height: auto;
      height: auto;
      font-family: Arial, sans-serif;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(5px);
      opacity: 1;
      transition: all 0.5s ease-in-out;
    }
   
    /* 隐藏状态 - 完全透明 */
    #customPlayer.hidden {
      opacity: 0;
      transform: translateX(-50%) translateY(10px);
    }
   
    /* 鼠标悬停时显示 */
    #customPlayer:hover {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
   
    #playerControls {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      justify-content: center;
    }
   
    #customPlayer button {
      background: #92dcb9;
      border: none;
      padding: 6px 12px;
      margin: 0 6px;
      border-radius: 20px;
      cursor: pointer;
      color: #2c3e50;
      font-size: 11px;
      font-weight: bold;
      transition: all 0.3s ease;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
   
    #customPlayer button:hover {
      background: #7bc5a5;
      transform: translateY(-2px);
    }
   
    #currentSong {
      text-align: center;
      font-size: 13px;
      font-weight: bold;
      margin: 8px 0;
      padding: 6px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 5px;
      min-height: 16px;
    }
   
    /* 进度条样式 */
    #progressContainer {
      width: 100%;
      height: 5px;
      background: rgba(255, 255, 255, 0.3);
      border-radius: 3px;
      margin: 8px 0 6px 0;
      cursor: pointer;
      transition: height 0.3s;
    }
   
    #progressContainer:hover {
      height: 6px;
    }
   
    #progressBar {
      height: 100%;
      background: linear-gradient(90deg, #92dcb9, #7bc5a5);
      border-radius: 3px;
      width: 0%;
      transition: width 0.1s;
      box-shadow: 0 0 5px rgba(146, 220, 185, 0.5);
    }
   
    /* 时间显示 */
    #timeDisplay {
      display: flex;
      justify-content: space-between;
      font-size: 10px;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 8px;
    }
   
    /* 播放列表 */
    #playlist {
      max-height: 80px;
      overflow-y: auto;
      margin-top: 8px;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      padding-top: 8px;
    }
   
    .playlist-item {
      padding: 4px 8px;
      cursor: pointer;
      border-radius: 4px;
      margin: 2px 0;
      font-size: 11px;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
    }
   
    .playlist-item:before {
      content: "♪";
      margin-right: 6px;
      opacity: 0.6;
      font-size: 10px;
    }
   
    .playlist-item:hover {
      background: rgba(146, 220, 185, 0.2);
      transform: translateX(3px);
    }
   
    .playlist-item.active {
      background: #92dcb9;
      color: #2c3e50;
      font-weight: bold;
      box-shadow: 0 1px 3px rgba(146, 220, 185, 0.3);
    }
   
    .playlist-item.playing {
      background: rgba(146, 220, 185, 0.3);
      color: #fff;
    }
   
    /* 滚动条样式 */
    #playlist::-webkit-scrollbar {
      width: 4px;
    }
   
    #playlist::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.1);
      border-radius: 2px;
    }
   
    #playlist::-webkit-scrollbar-thumb {
      background: #92dcb9;
      border-radius: 2px;
    }
   
    /* 添加一个透明的悬停区域，确保鼠标移动到位置时能触发显示 */
    #playerHoverArea {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      width: 420px;
      height: 60px;
      z-index: 998;
      opacity: 0;
    }
   
    #playerHoverArea:hover + #customPlayer,
    #customPlayer:hover {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
</style>

<div id="tz" class="pa">
    <video class="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2fd36a145.mp4" autoplay loop muted></video>
   
    <!-- 透明的悬停区域 -->
    <div id="playerHoverArea"></div>
   
    <!-- 自定义顺序播放器 -->
    <div id="customPlayer">
      <!-- 当前歌曲显示 -->
      <div id="currentSong">选择歌曲</div>
      
      <div id="playerControls">
            <button id="prevBtn">◀◀ 上一首</button>
            <button id="playPauseBtn">▶ 播放</button>
            <button id="nextBtn">下一首 ▶▶</button>
      </div>
      
      <!-- 进度条 -->
      <div id="progressContainer">
            <div id="progressBar"></div>
      </div>
      
      <!-- 时间显示 -->
      <div id="timeDisplay">
            <span id="currentTime">0:00</span>
            <span id="duration">0:00</span>
      </div>
      
      <!-- 播放列表 -->
      <div id="playlist"></div>
      
      <audio id="audioPlayer"></audio>
    </div>
</div>

<script>
    const musics = [
      { url: 'https://www.joy127.com/url/140851.mp3', name: '旧梦难却 - 丁钟泽' },
      { url: 'https://www.joy127.com/url/140857.mp3', name: '山河故人 - 李宇春' },
      { url: 'https://www.joy127.com/url/140858.mp3', name: '小小 - 容祖儿' },
      { url: 'https://www.joy127.com/url/140859.mp3', name: '声声慢 - 崔开潮' },
      { url: 'https://www.joy127.com/url/141342.mp3', name: '梦里花落知多少 - 拂尘乐队' },
    ];

    let currentIndex = 0;
    let isPlaying = false;
    let hideTimeout;
    let inactivityTimer;
    const audio = document.getElementById('audioPlayer');
    const customPlayer = document.getElementById('customPlayer');
    const playerHoverArea = document.getElementById('playerHoverArea');
    const currentSongEl = document.getElementById('currentSong');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const playPauseBtn = document.getElementById('playPauseBtn');
    const progressBar = document.getElementById('progressBar');
    const progressContainer = document.getElementById('progressContainer');
    const currentTimeEl = document.getElementById('currentTime');
    const durationEl = document.getElementById('duration');
    const playlistEl = document.getElementById('playlist');

    // 隐藏播放器函数
    function hidePlayer() {
      customPlayer.classList.add('hidden');
    }

    // 显示播放器函数
    function showPlayer() {
      customPlayer.classList.remove('hidden');
      // 重置隐藏计时器
      resetHideTimer();
    }

    // 重置隐藏计时器
    function resetHideTimer() {
      clearTimeout(hideTimeout);
      clearTimeout(inactivityTimer);
      inactivityTimer = setTimeout(() => {
            hideTimeout = setTimeout(hidePlayer, 3000); // 3秒后隐藏
      }, 500); // 延迟500ms开始计时，避免频繁触发
    }

    // 初始化播放列表
    function initPlaylist() {
      playlistEl.innerHTML = '';
      musics.forEach((music, index) => {
            const item = document.createElement('div');
            item.className = 'playlist-item';
            item.textContent = music.name;
            item.addEventListener('click', () => playSong(index));
            playlistEl.appendChild(item);
      });
    }

    // 播放指定歌曲
    function playSong(index) {
      if (index >= 0 && index < musics.length) {
            currentIndex = index;
            audio.src = musics.url;
            currentSongEl.textContent = musics.name;
            
            // 更新播放列表高亮
            const items = playlistEl.querySelectorAll('.playlist-item');
            items.forEach((item, i) => {
                item.classList.remove('active', 'playing');
                if (i === index) {
                  item.classList.add('active', 'playing');
                }
            });
            
            audio.play();
            isPlaying = true;
            playPauseBtn.textContent = '❚❚ 暂停';
            
            // 播放时显示播放器
            showPlayer();
      }
    }

    // 修复时间格式化函数
    function formatTime(seconds) {
      if (isNaN(seconds)) return "0:00";
      const mins = Math.floor(seconds / 60);
      const secs = Math.floor(seconds % 60);
      return mins + ":" + (secs < 10 ? "0" : "") + secs;
    }

    // 更新进度条
    function updateProgress() {
      if (audio.duration && !isNaN(audio.duration)) {
            const progressPercent = (audio.currentTime / audio.duration) * 100;
            progressBar.style.width = progressPercent + '%';
            currentTimeEl.textContent = formatTime(audio.currentTime);
            durationEl.textContent = formatTime(audio.duration);
      } else {
            currentTimeEl.textContent = "0:00";
            durationEl.textContent = "0:00";
      }
    }

    // 设置进度条
    function setProgress(e) {
      const width = this.clientWidth;
      const clickX = e.offsetX;
      const duration = audio.duration;
      if (duration && !isNaN(duration)) {
            audio.currentTime = (clickX / width) * duration;
      }
      showPlayer(); // 点击进度条时显示播放器
    }

    // 事件监听
    audio.addEventListener('loadedmetadata', updateProgress);
    audio.addEventListener('timeupdate', updateProgress);
    audio.addEventListener('ended', () => {
      playSong((currentIndex + 1) % musics.length);
    });

    progressContainer.addEventListener('click', setProgress);

    playPauseBtn.addEventListener('click', () => {
      if (isPlaying) {
            audio.pause();
            playPauseBtn.textContent = '▶ 播放';
      } else {
            audio.play();
            playPauseBtn.textContent = '❚❚ 暂停';
      }
      isPlaying = !isPlaying;
      showPlayer(); // 点击按钮时显示播放器
    });

    prevBtn.addEventListener('click', () => {
      playSong((currentIndex - 1 + musics.length) % musics.length);
    });

    nextBtn.addEventListener('click', () => {
      playSong((currentIndex + 1) % musics.length);
    });

    // 鼠标事件 - 显示播放器
    customPlayer.addEventListener('mouseenter', showPlayer);
    customPlayer.addEventListener('mousemove', showPlayer);
    playerHoverArea.addEventListener('mouseenter', showPlayer);
    playerHoverArea.addEventListener('mousemove', showPlayer);

    // 初始化
    initPlaylist();
   
    // 自动播放第一首
    setTimeout(() => {
      playSong(0);
      // 5秒后开始隐藏计时
      resetHideTimer();
    }, 1000);
</script>

—— 鼠标移动到图片调出播放器，选择5首试听曲 ——

<BR><BR>





















<BR>


*基于本次同图素材，搜集推荐意境相合的《旧梦难却》、《山河故人》、《小小》、《声声慢》、《梦里花落知多少》等五首歌曲；<BR>*欢迎选用；<BR>*歌曲链接：

{ https://www.joy127.com/url/140851.mp3',旧梦难却 - 丁钟泽 },
      { https://www.joy127.com/url/140857.mp3',山河故人 - 李宇春 },
      { https://www.joy127.com/url/140858.mp3',小小 - 容祖儿 },
      { https://www.joy127.com/url/140859.mp3',声声慢 - 崔开潮 },
      { https://www.joy127.com/url/141342.mp3',梦里花落知多少 - 拂尘乐队 },


*这些曲子，就像是路过的风，我们小心地接住它们，放在这里，为您提供便利；<BR>
*您若觉得某个音符与画面相契，便拾了去；若您已寻得更衬的旋律，那便是更好的缘分；<BR>
*这个音乐角落会一直在，或悄然生长，或静静退场，都随您的心意；<BR>
*若有特别想听的曲风，或是珍藏的配乐心得，欢迎在楼下与我们分享；<BR>
*愿每幅画，都能遇见懂它的声音~~<BR><BR>{:S14:}









<BR><BR><BR>

圊圊淥詶 发表于 2025-12-31 21:23:10

一月同图素材
素材分享：花茶














*当您完成这幅一月同图，不妨也为自己轻轻鼓掌。无论是灵光一现的勾勒，还是反复斟酌的雕琢，每一笔都值得被珍视。

*愿这个月的创作时光，能为您的新年添上一份静好与丰盈。


https://www.yhyhlt.com/data/attachment/forum/202512/02/100632r4y9mcy91ytqmt6l.gif

玫の玫 发表于 2025-12-31 21:24:47

破帅辛苦了~{:9_253:}

圊圊淥詶 发表于 2025-12-31 21:25:53

玫の玫 发表于 2025-12-31 21:24
破帅辛苦了~

为人民服务{:9_267:}

玫の玫 发表于 2025-12-31 21:26:10

五首歌曲，破帅真是好银~~

玫の玫 发表于 2025-12-31 21:27:49

圊圊淥詶 发表于 2025-12-31 21:25
为人民服务

选哪张素素了

欧阳风刀 发表于 2025-12-31 21:36:01

旧页翻过，新篇待启。:lol

欧阳风刀 发表于 2025-12-31 21:36:46

兄弟总结和启新辛苦啊。上茶。{:1_153:}

圊圊淥詶 发表于 2025-12-31 22:15:42

玫の玫 发表于 2025-12-31 21:27
选哪张素素了

还没选{:9_267:}

圊圊淥詶 发表于 2025-12-31 22:16:17

欧阳风刀 发表于 2025-12-31 21:36
旧页翻过，新篇待启。

新衣服，帅气{:9_273:}
页: [1] 2 3 4
查看完整版本: 「每月同图」2026年1月场 · 让画面替时光发声