秋颂 AI图片 原创文字
本帖最后由 霜染枫丹 于 2025-11-19 08:59 编辑 <br /><br /><div align="center"><section style="width:600px;"><section class="_editor">
<p>
<br>
</p>
</section>
<section class="_editor" data-support="96编辑器" data-style-id="29767">
<section style="margin: 10px 0px; text-align: center;">
<section style="margin: 5px -10px; width: 3.3em;">
<img style="width: auto; height: auto; display: block;" alt=""
</section>
</section>
<section style="margin-top: -15px;">
<section style="border-radius: 18px; border: 4px solid #005831; border-image: none; color:#005831;">
<section style="padding: 20px 15px 15px;">
<p style="text-align: left; letter-spacing: 2px; transform: rotateZ(0deg);">
<br><br>
<!-- 替换为200px长的LOGO图片 -->
<img src="https://cccimg.com/view.php/ead8f51b299dd9efa36a27113f48dde3.png" style="width: 300px; height: auto; display: block; margin: 0 auto;">
</section>
<section class="_135editor" data-id="101825" data-tools="135编辑器">
<section style="margin: 10px auto; text-align: center;">
<section style="display: inline-block;">
<section class="assistant" style="background: #FFFFFF; border-radius: 100%; width: 10px; height: 10px; box-sizing: border-box; align-self: center;"></section>
<section class="135brush" style="padding: 5px 1em; color: #FFFFFF; letter-spacing: 1.5px; font-size: 16px; font-weight: bold;" data-brushtype="text" hm_fix="339:346">
</section>
<p style="text-align: justify; color: #005831; line-height: 2em; letter-spacing: 2.4px; font-size: 18px; margin-right: 120px; margin-left: 100px;">
<div align="center">
<span style="font-size: 24px; font-weight: bold;">秋 颂</span><br><br>
<div align="center">
<strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br><br>
<span style="letter-spacing: 2.4px; font-size: 20px;color:#0f5811; line-height: 2.2em;">
<div style="margin: 20px auto;">
<img src="https://cccimg.com/view.php/42743695cf859ef11e598b862f5add4e.jpg" style="width: 80%; max-width: 4600px; border-radius: 8px; border: 2px solid #005831;">
</div>
当秋天 来到我的血脉里<br>
我摊开 掌心<br>
接住整座山的 黄与红<br>
看燃烧成熟 演绎的色彩<br>
枝条 举起金黄的火焰<br>
在午后光线中 流转<br><br>
<div align="center">
<div style="margin: 20px auto;">
<img src="https://cccimg.com/view.php/04bef5ee2e43d4e638628d5f0e9b051d.jpg" style="width: 80%; max-width: 4600px; border-radius: 8px; border: 2px solid #005831;">
</div>
我走过 铺满静默的小径<br>
树影在肩头 绽放印章<br>
我把我的坦荡  缱绻与落寞<br>
都酿成 枝头的柿子<br>
每个转弯 都有故事<br>
被西风 装订成卷册<br><br>
<div align="center">
<div style="margin: 20px auto;">
<img src="https://cccimg.com/view.php/cd042e92e5af96fb41e670552f46872b.jpg" style="width: 80%; max-width: 4600px; border-radius: 8px; border: 2px solid #005831;">
</div>
看那云层 挥洒的斑斓<br>
给山峦 披上锦缎<br>
当晨霜 在草叶上写下箴言<br>
大地捧出沉淀的 私酿<br>
我听见 年轮继续旋转<br>
每道印记 都变作旋律<br><br>
<div align="center">
<div style="margin: 20px auto;">
<img src="https://cccimg.com/view.php/7dde8825fcb0fa6858f55f0c324a357e.jpg" style="width: 80%; max-width: 4600px; border-radius: 8px; border: 2px solid #005831;">
</div>
秋叶打着旋儿 和大树告别<br>
在秋风中慢慢盘旋   轻轻飘荡<br>
秋天 在我的眺望中<br>
所有道路 都通向晴空天高云淡<br>
在稻香中 用落叶的轨迹<br>
书写 给大地的情书<br><br>
<div align="center">
<audio style="width: 180px; height: 34px;" src="https://cccimg.com/view.php/bfb49a80e2999b98325769e63a7c36e8.mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio><br><br><br>
</div></div></section>
</section>
</section>
</section>
</section>
<br><br><br></div>
欣赏老师精美的图诗：秋颂 AI图片。早上问好！{:4_204:} 赞颂金秋的诗歌令人动容，情感浓烈，引人共鸣！ 和构思的AI图片，俩两相得益彰，美得醉人。
今年秋天，我还没写字呢，就被 这事那事给搞得晕头了。{:4_201:} 图文太棒了！
图文唯美
歌声动听
制作大气
音画文合一，音乐与画面结合完美
玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
感谢霜染枫丹带来的精彩，辛苦了！祝你开心幸福、阖家安康！ 本帖最后由 霜染枫丹 于 2025-11-19 22:17 编辑
梦江南 发表于 2025-11-19 08:39
欣赏老师精美的图诗：秋颂 AI图片。早上问好！
梦江南晚上好！
今天有事一大早就外出了。感谢您的支持，祝您制作快乐！{:4_190:}
樵歌 发表于 2025-11-19 08:55
赞颂金秋的诗歌令人动容，情感浓烈，引人共鸣！
AI图片的色彩特别艳丽，饱和度高，我都觉得不真实。感谢小樵哥的支持，晚上好！{:4_190:} 樵歌 发表于 2025-11-19 08:56
和构思的AI图片，俩两相得益彰，美得醉人。
今年秋天，我还没写字呢，就被 这事那事给搞得晕头了。{:4_201 ...
这里本就是休闲，不能耽误正常的工作。别给自己压力，祝安好！{:4_190:} 偶然~ 发表于 2025-11-19 09:03
感谢霜染枫丹带来的精彩，辛苦了！祝你开心幸福、阖家安康！
很感谢偶然的鼎力支持！今天有事才上来，看到支持很高兴，也很荣幸，恭祝冬安~~{:4_190:}
诗句唯美浪漫，AI的配图也艳丽多姿，这样的图文制作好美啊。
有美的心思才能创造出如此优美的帖子，枫丹厉害，这个制作太美了{:4_199:} 本帖最后由 霜染枫丹 于 2025-12-6 10:11 编辑 <br /><br />红影 发表于 2025-11-19 19:30
诗句唯美浪漫，AI的配图也艳丽多姿，这样的图文制作好美啊。
有美的心思才能创造出如此优美的帖子，枫丹厉 ...
就是饱暖生闲事，漫漫长夜很适合作图。
谢红影支持，晚上好{:4_190:}
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
.pa {--offsetX: 81px; --bg: url('https://cccimg.com/view.php/a21a92496bc50f1293c17c046333b268.png') no-repeat center/cover;}
/* 歌词容器样式 */
.lyric-container {
position: fixed;
left: 20%;
top: 60%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 600px;
height: 300px;
overflow: hidden;
text-align: center;
color: #FFFF00;
font-size: 24px;
line-height: 2.5;
text-shadow: 0 0 8px rgba(0,0,0,1);
z-index: 999;
}
/* 当前播放歌词样式 */
.lyric-item.active {
color: #FF5722;
font-size: 28px;
font-weight: bold;
}
/* 歌词滚动容器 */
.lyric-scroll {
transition: transform 0.3s ease;
}
</style>
<div class="pa">
<div id="player" class="wrap200" style="right: 20px; bottom: 20px">
<svg id="msvg" width="200" height="200">
<path id="track" d="M10 100 A1 1 0 0 0 190 100" fill="none" stroke="lightblue" stroke-width="8" />
<path id="prog" d="M10 100 A1 1 0 0 0 190 100" fill="none" stroke="lightgreen" stroke-width="8" />
</svg>
</div>
<!-- 歌词显示容器 -->
<div class="lyric-container">
<div class="lyric-scroll" id="lyricScroll">
<!-- 歌词会通过JS动态插入这里 -->
</div>
</div>
</div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
const tz = TZ.TZ('pa');
// 1. 添加音频和播放器元素
tz.add('audio', '', '', {src: 'https://cccimg.com/view.php/15a66b8b60ca48f9db825856fea268fe.mp3'});
tz.add('video', '', 'pd-vid', {src: 'https://cccimg.com/view.php/8d0bdb3a49c3f61c69dd632996d7131e.mp4'});
tz.add('img', '', 'rot-ani', {
src: 'https://cccimg.com/view.php/3900cf91838bf25d715948bfa68c04f5.png',
alt: '',
style: 'width: 160px; clip-path: circle(40%); cursor: pointer' // 修正clic-path为clip-path
}).playmp3().to('player');
tz.svgprog('msvg', 'track', 'prog');
tz.fs().style('left: 20px; bottom: 20px; color: lightblue');
// 2. 歌词数据（格式：[时间戳(秒), 歌词文本]）
// 注意：请根据实际歌曲的歌词时间戳修改，这里是示例数据
const lyricData = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
// 3. 初始化歌词显示
function initLyrics() {
const lyricScroll = document.getElementById('lyricScroll');
// 清空容器
lyricScroll.innerHTML = '';
// 插入所有歌词项
lyricData.forEach((, index) => {
const lyricItem = document.createElement('div');
lyricItem.className = 'lyric-item';
lyricItem.dataset.time = time; // 存储时间戳
lyricItem.textContent = text;
lyricScroll.appendChild(lyricItem);
});
}
// 4. 歌词与音频同步
function syncLyrics(currentTime) {
const lyricItems = document.querySelectorAll('.lyric-item');
const lyricScroll = document.getElementById('lyricScroll');
let activeIndex = -1;
// 找到当前播放的歌词索引
for (let i = 0; i < lyricItems.length; i++) {
const itemTime = parseFloat(lyricItems.dataset.time);
// 找到当前时间对应的歌词（下一句歌词时间大于当前时间时，当前句就是要显示的）
if (itemTime <= currentTime && (i === lyricItems.length - 1 || parseFloat(lyricItems.dataset.time) > currentTime)) {
activeIndex = i;
break;
}
}
// 更新歌词高亮和滚动
if (activeIndex !== -1) {
// 移除所有active类
lyricItems.forEach(item => item.classList.remove('active'));
// 给当前歌词添加active类
lyricItems.classList.add('active');
// 滚动歌词到中间位置
const itemHeight = lyricItems.offsetHeight;
const scrollTop = activeIndex * itemHeight - (lyricScroll.offsetHeight / 2) + (itemHeight / 2);
lyricScroll.style.transform = `translateY(-${scrollTop}px)`;
}
}
// 5. 绑定音频时间更新事件
function bindAudioEvent() {
// 获取TZ创建的audio元素
const audio = document.querySelector('audio');
if (audio) {
// 音频播放时间更新时同步歌词
audio.addEventListener('timeupdate', () => {
syncLyrics(audio.currentTime);
});
}
}
// 初始化执行
initLyrics();
bindAudioEvent();
</script>
霜染枫丹 发表于 2025-11-19 19:11
AI图片的色彩特别艳丽，饱和度高，我都觉得不真实。感谢小樵哥的支持，晚上好！
大姐姐的作品太美了，看得小弟都美得不行了{:4_176:} 霜染枫丹 发表于 2025-11-19 19:13
这里本就是休闲，不能耽误正常的工作。别给自己压力，祝安好！
大姐教导得极是，玩，小事耳{:4_189:} 霜染枫丹 发表于 2025-11-19 19:15
很感谢偶然的鼎力支持！今天有事才上来，看到支持很高兴，也很荣幸，恭祝冬安~~
开心就好
页:
[1]
2