唐诗 七言绝句30首
本帖最后由 也曾年轻 于 2026-5-31 12:18 编辑 <br /><br /><meta name="referrer" content="never" /><style>
#container {width:640px;min-height:700px;text-align:center;margin:auto;background-color:hsl(60, 30%, 80%);
overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px;font-size:20px;box-shadow:4px 4px 10px black;}
#container img {width:100%;}
#container span {display:block;margin-bottom:6px;}
#container p {text-align:left;text-indent:2em; font-weight:600;margin:12px;}
#container span:nth-of-type(1) {font-size:1.25em;color:brown;}
#container span:nth-of-type(2) {font-size:0.8em;color:gray;}
#container span:nth-of-type(3),
#container span:nth-of-type(4) {font-size:1.6em;color:red;font-family:楷体;}
#ctrlBox {width:640px;margin:16px auto;text-align:center;font-size:2em;color:skyblue;}
#ctrlBox button {cursor:pointer;}
#selIdx {width:32px;text-align:right;border:thin gray dotted;}
</style>
<div id="container"></div>
<div id="ctrlBox">
<button id="backward">⇦ 上一首</button> <input id='selIdx' min='1' value=''/> <button id="forward">下一首 ⇨</button></div>
</div>
<script>
const pics = [
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt54uL6KpjB6fB6CkOadS1p50b90ufzbbgVQRc5PdMKmiaL5dQkoaib7tKS0oWibhUKMMM6f6LRoibTRJl1AsGjxWpU7pCB1BGfC83o/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt65iavHa450YrLvibnMLc7V11nxBF6mH9Usk8elOyFNANyD5Ox1hAPxL9FOjqwR0ibibyX9by2MI37DCzAicqwoavQzQHsFEpxJTJdM/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt5oumqIjV8RictqlpBHaSQRdqdUGiaATib1645u7tQjhIJrUdmUZHKkvpicV0I50BVekmAOqUUeWkvWBCgTw0Y7bKiaCznk2D5MLJBQ/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt6tA3eukibhxEacgCRBvLB6kicFGBaKHke22pUOgqTkL2kAGmvT9P1VCg1icHHxryJCEd5t57cA1JJogV2maqE6icF18HEBib98Iicws/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt7dtvWvIVia6DX0E1qicTcskzrGwPXQVVhfa1u0UtDric5ARKHSEZ9M0FJpTtAMQCEVXqDsyibS5rZLk07NicuoEnoP5deTgMmVXMhw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt66iclXS6gtAEDz41ouR5iciaMADKz8feJRIibyZRz4GUvAnlwwXzlNwOw1emBjWTsrSOOhmCbn7C5QHa2U32rmibfhAiabdLIldnKMQ/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt7iczuxB05l3YXWQX4bDZSFicJuF2T5jMLE19ZEnW3F49s3srianGbIBQUhRY2Ycak7ocGJC3NX2uOQD8ReIvuPeW4EG8W7icdCWKo/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt4k7t6EOlicbArKc8e3MeVibvHHbWBGz8xLvlgmglglnIaB16heibPcUds2FgukRibNyGseFAuRB2GXNsg9ZU1nXCZb9AjsZWcic4q0/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt4Xn48lrcpMkOzjZzOlsZjiaALfgUg9S2ReEgP4LsNTog613LfTZU7GAibTeSHOIfxXCk6ggyt8Vr7HJzGqSJUhmLNtibtUqvaHR0/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt7radkUxwHiblkV5gibqgJyEibw8D2foBrIpy9ico793D9wUtChjr8okUJC4aYNeG2HXOp36jagbzm02NRHsZoyhIgdAA5O4f92ou8/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt4mj6ibPWAft4Poicw2PpsC4p25PYib8sFlJlbtwXA4NUJjXA4TgT7qhmGLAib8MeIImJPLxcWE3icfetQiarhD9N2g6IiaVQ0qZkqVWs/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt7vkzJAAgcA2SICicKxUXcN1cNxwEJSnlbeQU8SLeBx8kloTUoQyOZOI2hJV6m80OxtNqe6cKzIH7RqbHdIEmICYxZpjlK6WXkk/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt7y0KuEiaJ1hlkVADV1NDR05l7lfAaiaR3SA44g3TTKEicZQscYSZD3OEcCzicWEeDqzAlv1Jqbtj4CoWKmFTeEAwZHeEtGc23RlUw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt5jibpM73s82Ael1UYZgjKEy3ibWkXAHTKMPoH1oh9F9AkibEsq4Jhib3PKtp8GdJTXD64belWxUiazlk0PDPDdJGBwnKh1dnAI1h6A/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt6VhsWcHPziat4n5nPFEEibPqbPOFUtCCksrDmTOAF04MKMufEssIaoMNELmrbCHn18qpMTL2NoXWic9EH6iboiaH0D8XicjDibbR4qCo/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt6aXdRzPok3cmGrDyOVU4mD1VxnsboueaFqzxSG5vdnWYvqXaGV85pC9vicfmctJDUWs82quKWmGloAZ1dDCxzZ3m7Vc1ibhnxWA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt6OmJicnoFpQzRaGlNoZqIrnia3ZbTJVADfnhic7jENoKJExiaAVTQd8RXUmQJQkydktGX4bXeA7rpWXxXg5wchA5dVyLSGib4lbY9s/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt7muel7IPcpyeQpOhgVh2Dyv9FoxLLZ8m1QBC3dtib4PiapKqdhk4kz45326AoI3DSpCNqBGe64Pv6KIWDAdRPoB3GmEZFibpGO1o/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt5f2wKLYJKAicIF8GIAwerUs4UZiasiaPdbkL3yVbibqCWYPo2JuXUYYlI3LZdNBEFiadQxDiceBmBxgKCvlLHvC4Sfj2aorTUwPvibTM/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt6pjsIpzVlDXaMc5gTnIXM6BO0ZlfGkUUIIQhdXfETZKxtULcSt6iaLwkLRoPoz9yQbVhOkafXWNIayuUbNkJI7uP5HScN1JroA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt47PbpbYTcOZO7SvJnYqpmGlwGM4n8Dx5R1iaA0oHtZs6zdfqgeD5fLCu4aA3lCOoSaxW1F9I5GCvRjULggbU6Bj52SnyE0JOoE/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt67gpxXeSdOGemZ55jzSXHgSWBjtx8dnlbRZXJaVjSbX76Kry0vBSumvAeQ0ZDtYCzjQRialXjpHE4322aibA9CibEdH6iaC1DslGo/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt4Asyf0ClbnQvLQ76riaClPPNkSLMfFOZs4ImicRKYp9e7mnuIiaGkqUXOVZJ5acjicdOGlACYPTuuoicEU9LOLfjaHIPecylia7ibb3U/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt7ibYyjoVRHtg9OoAZtWg5xqGWwT5guYjLmia6o3geBicds3aMFibgDByHtonkAib5G2DDAXWia3etJ5Nk0KoC0nib1nQJeMP3Qcok8Ho/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt58DfH58FJfptFvHn58dIyH0tohXTnxcJZ6kQOJx80Bibx7ZlHbj6zU5dWRHuP5gZj7lDzNFic7fBT3V5wCHa6MYrCU18iab3Uwics/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt5Kib4UohwMyGsTG0a0oDbY7f8t3WRuEYbrT34bHduic6ic70aR1ZPa69RVbIG6mY1XCxe4gvbIVYNgEeibjJL7svFVgFice7BDEBvI/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt7cvWcZibwPXXTd2jOZtTRWBvkTgHliaAMygtS7IBJX06azJLRj7ibeHUe3tuPs9PxOSfVZrquYmNpWsxyuTia68dEuibUw6xb8JOgE/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt6BcmxLl4UicNic7B7OafJfpkbnVC9vadS6UvciaK9ZgvqgSiaXhWnIRe322EyVUtXuJjqWJzI7e7djFeSJRpON5LiaflMwiaqs8aIOs/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt6SHfRF60mM9vulTGUN7E7EDkThqfKoRBHFT719hBqJ9ElpDw4BJZic1qRXVxwe30YVap5qklZrRIKeUGwXfmIdlibEq5Aib3XqEg/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt6Fhn9BOycAdaJKPKicNHeFh5ed0W9SE3qhpuFOIp10UCp7mt8QscRl3xkk4SdsqA7YDD94kfRg2qmZ0wicMCqCMvSKibgmxAkjss/640",
];
const tab = `  `;
const poems = [
[`【01】望庐山瀑布`,`唐·李白`,`日照香炉生紫烟, 遥看瀑布挂前川。`,`飞流直下三千尺, 疑是银河落九天。`,`释义`,`阳光照耀着香炉峰,升腾起紫色的云烟;远远望去,瀑布像一条巨大的白练挂在山前。<br>${tab}水流从三千尺的高处飞泻而下,让人怀疑是银河从九天之上落到了人间。<br>${tab}这首诗极尽夸张之能事,写出庐山瀑布的壮观。`],
[`【02】早发白帝城`,`唐·李白`,`朝辞白帝彩云间, 千里江陵一日还。`,`两岸猿声啼不住, 轻舟已过万重山。`,`释义`,`清晨告别了彩云缭绕的白帝城,千里之外的江陵一天就能到达。<br>${tab}两岸的猿声还在耳边不停地啼叫,轻快的小船已经驶过了万重高山。<br>${tab}这首诗写出长江三峡的险峻和诗人遇赦后的畅快心情。`],
[`【03】黄鹤楼送孟浩然之广陵`,`唐·李白`,`故人西辞黄鹤楼, 烟花三月下扬州。`,`孤帆远影碧空尽, 唯见长江天际流。`,`释义`,`老朋友在黄鹤楼向我挥手告别,在繁花如烟的三月乘船东下扬州。<br>${tab}孤帆的影子渐渐远去,消失在碧空尽头,只看见长江浩浩荡荡地向天边流去。<br>${tab}这首诗写出送别时的深情与怅惘。`],
[`【04】望天门山`,`唐·李白`,`天门中断楚江开, 碧水东流至此回。`,`两岸青山相对出, 孤帆一片日边来。`,`释义`,`雄伟的天门山被楚江从中间冲开,碧绿的江水向东流到这里突然折回。<br>${tab}两岸的青山相对耸立,一叶孤舟从太阳升起的地方悠悠驶来。<br>${tab}这首诗写出长江天门山的雄伟气势。`],
[`【05】赠汪伦`,`唐·李白`,`李白乘舟将欲行, 忽闻岸上踏歌声。`,`桃花潭水深千尺, 不及汪伦送我情。`,`释义`,`我李白正要乘船出发,忽然听到岸上传来踏着节拍的歌声。<br>${tab}桃花潭水即使有千尺之深,也比不上汪伦送我的这份情谊。<br>${tab}这首诗写出朋友之间真诚深厚的友情。`],
[`【06】闻王昌龄左迁龙标遥有此寄`,`唐·李白`,`杨花落尽子规啼, 闻道龙标过五溪。`,`我寄愁心与明月, 随君直到夜郎西。`,`释义`,`杨花落尽,杜鹃鸟声声啼叫,听说你被贬到龙标,要经过五溪。<br>${tab}我把这颗忧愁的心托付给天上的明月,让它陪伴你一直到达夜郎以西。<br>${tab}这首诗写出对友人被贬的深切同情与挂念。`],
[`【07】送元二使安西`,`唐·王维`,`渭城朝雨浥轻尘, 客舍青青柳色新。`,`劝君更尽一杯酒, 西出阳关无故人。`,`释义`,`渭城的早晨,一场细雨湿润了地上的轻尘;旅舍周围的柳树被雨水洗得格外青翠。<br>${tab}请你再干了这一杯酒吧,一旦向西出了阳关,就再也碰不到老朋友了。<br>${tab}这首诗写出送别友人时的依依不舍。`],
[`【08】九月九日忆山东兄弟 `,`唐·王维`,`独在异乡为异客, 每逢佳节倍思亲。`,`遥知兄弟登高处, 遍插茱萸少一人。`,`释义`,`独自一人在他乡做客,每到佳节就加倍思念亲人。<br>${tab}远在家乡的兄弟们今天登高的时候,大家身上都插着茱萸,唯独少了我一个人。<br>${tab}这首诗写出游子在重阳节对家乡亲人的深切思念。`],
[`【09】出塞`,`唐·王昌龄 `,`秦时明月汉时关, 万里长征人未还。`,`但使龙城飞将在, 不教胡马度阴山。`,`释义`,`依旧是秦朝时的明月和汉朝时的边关,万里远征的将士至今没有回来。<br>${tab}只要龙城的飞将军李广还在,绝不会让敌人的铁骑越过阴山。<br>${tab}这首诗写出对边疆将士的同情和对良将的渴望。`],
[`【10】芙蓉楼送辛渐`,`唐·王昌龄 `,`寒雨连江夜入吴, 平明送客楚山孤。`,`洛阳亲友如相问, 一片冰心在玉壶。`,`释义`,`冰冷的秋雨笼罩着江面,夜里飘入吴地;天亮时送别友人,只觉楚山显得格外孤寂。<br>${tab}如果洛阳的亲友问起我,请转告他们,我的心依然像玉壶中的冰一样纯洁。<br>${tab}这首诗写出诗人高洁的品格。`],
[`【11】从军行`,`唐·王昌龄 `,`青海长云暗雪山, 孤城遥望玉门关。`,`黄沙百战穿金甲, 不破楼兰终不还。`,`释义`,`青海湖上空浓云密布,使雪山显得暗淡无光;站在孤城上遥望玉门关。<br>${tab}将士们在黄沙中身经百战,连铁甲都磨穿了,但发誓不打败敌人绝不回家。<br>${tab}这首诗写出将士们保家卫国的坚定决心。`],
[`【12】凉州词`,`唐·王翰`,`葡萄美酒夜光杯, 欲饮琵琶马上催。`,`醉卧沙场君莫笑, 古来征战几人回? `,`释义`,`葡萄美酒盛满在夜光杯中,正要畅饮时,马上的琵琶声急促地响起。<br>${tab}即使醉倒在沙场上,你也别笑话我,自古以来出征的将士有几人能活着回来?这首诗写出边塞生活的豪放与悲壮。`],
[`【13】凉州词`,`唐·王之涣 `,`黄河远上白云间, 一片孤城万仞山。`,`羌笛何须怨杨柳, 春风不度玉门关。`,`释义`,`黄河远远地流向天边,仿佛与白云相连;一座孤城耸立在万丈高山之中。<br>${tab}羌笛何必吹奏《折杨柳》这样哀怨的曲调呢?春风本来就吹不到玉门关啊。<br>${tab}这首诗写出边塞的荒凉与将士的苦闷。`],
[`【14】枫桥夜泊`,`唐·张继`,`月落乌啼霜满天, 江枫渔火对愁眠。`,`姑苏城外寒山寺, 夜半钟声到客船。`,`释义`,`月亮落下,乌鸦啼叫,寒霜弥漫着天空;江边的枫树和渔船的灯火,陪伴着愁思难眠的诗人。<br>${tab}姑苏城外的寒山寺,半夜敲响的钟声传到了客船上。<br>${tab}这首诗写出秋夜羁旅的孤寂与愁思。`],
[`【15】清明`,`唐·杜牧`,`清明时节雨纷纷, 路上行人欲断魂。`,`借问酒家何处有? 牧童遥指杏花村。`,`释义`,`清明时节细雨纷纷飘落,路上的行人个个失魂落魄。<br>${tab}请问哪里有酒家?牧童远远地指了指杏花深处的村庄。<br>${tab}这首诗写出清明时节的凄迷氛围和游子的羁旅之愁。`],
[`【16】山行`,`唐·杜牧`,`远上寒山石径斜, 白云生处有人家。`,`停车坐爱枫林晚, 霜叶红于二月花。`,`释义`,`沿着弯弯曲曲的石径向山上走去,白云升起的地方隐约有几户人家。<br>${tab}停下车来是因为喜爱这傍晚的枫林,经霜的枫叶比二月的春花还要红艳。<br>${tab}这首诗写出深秋山林的美景。`],
[`【17】江南春`,`唐·杜牧`,`千里莺啼绿映红, 水村山郭酒旗风。`,`南朝四百八十寺, 多少楼台烟雨中。`,`释义`,`千里江南,莺啼婉转,绿树红花交相辉映;水边村庄、山边城郭,酒旗在风中飘动。<br>${tab}南朝修建的四百八十座寺庙,如今有多少楼台笼罩在迷蒙的烟雨之中。<br>${tab}这首诗写出江南春色的绚烂与历史沧桑。`],
[`【18】秋夕`,`唐·杜牧`,`银烛秋光冷画屏, 轻罗小扇扑流萤。`,`天阶夜色凉如水, 卧看牵牛织女星。`,`释义`,`银白的烛光映着秋夜的画屏,显得格外清冷;宫女手执轻罗小扇扑打飞舞的萤火虫。<br>${tab}石阶上的夜色凉得像水一样,她躺下来仰望着天上的牵牛星和织女星。<br>${tab}这首诗写出宫女秋夜的孤寂与幽怨。`],
[`【19】夜雨寄北`,`唐·李商隐 `,`君问归期未有期, 巴山夜雨涨秋池。`,`何当共剪西窗烛, 却话巴山夜雨时。`,`释义`,`你问我何时归来,我还没有确定日期;此刻巴山的夜雨绵绵不绝,涨满了秋天的池塘。<br>${tab}什么时候才能与你共坐西窗下剪烛夜谈,再来说说今晚巴山夜雨时我对你的思念。<br>${tab}这首诗写出诗人对远方亲人的深切思念。`],
[`【20】嫦娥`,`唐·李商隐 `,`云母屏风烛影深, 长河渐落晓星沉。`,`嫦娥应悔偷灵药, 碧海青天夜夜心。`,`释义`,`云母屏风上烛影幽深,银河渐渐西落,晨星也隐去了。<br>${tab}月宫中的嫦娥想必后悔偷吃了长生不老药吧,如今面对碧海青天,夜夜孤寂难耐。<br>${tab}这首诗借嫦娥的孤寂,抒发人生的寂寞与悔恨。`],
[`【21】乌衣巷`,`唐·刘禹锡 `,`朱雀桥边野草花, 乌衣巷口夕阳斜。`,`旧时王谢堂前燕, 飞入寻常百姓家。`,`释义`,`朱雀桥边长满了野草野花,乌衣巷口夕阳西斜。<br>${tab}从前王导、谢安两家堂前的燕子,如今已飞进寻常百姓家里筑巢。<br>${tab}这首诗感叹世事的变迁和繁华的易逝。`],
[`【22】望洞庭`,`唐·刘禹锡 `,`湖光秋月两相和, 潭面无风镜未磨。`,`遥望洞庭山水翠, 白银盘里一青螺。`,`释义`,`洞庭湖的水光与秋月交相辉映,湖面没有风,就像一面尚未磨亮的铜镜。<br>${tab}远远望去,洞庭湖的山水一片翠绿,好像白银盘里托着一只青青的田螺。<br>${tab}这首诗写出洞庭湖秋夜的宁静与秀美。`],
[`【23】浪淘沙`,`唐·刘禹锡 `,`九曲黄河万里沙, 浪淘风簸自天涯。`,`如今直上银河去, 同到牵牛织女家。`,`释义`,`九曲黄河带着万里泥沙,波浪翻涌、狂风簸荡,从天边奔腾而来。<br>${tab}如今我要逆流而上,直到银河去,到牛郎织女家去做客。<br>${tab}这首诗写出黄河的磅礴气势和诗人的浪漫想象。`],
[`【24】滁州西涧`,`唐·韦应物 `,`独怜幽草涧边生, 上有黄鹂深树鸣。`,`春潮带雨晚来急, 野渡无人舟自横。`,`释义`,`我最喜爱涧边生长的幽静野草,上面有黄鹂在树林深处婉转啼鸣。<br>${tab}春天的潮水伴着雨水在傍晚格外湍急,荒野的渡口没有人,只有小船独自横在水面。<br>${tab}这首诗写出西涧幽静的景色和诗人闲适的心境。`],
[`【25】江畔独步寻花`,`唐·杜甫`,`黄四娘家花满蹊, 千朵万朵压枝低。`,`留连戏蝶时时舞, 自在娇莺恰恰啼。`,`释义`,`黄四娘家的小路上开满了鲜花,千万朵花把枝条压得低垂下来。<br>${tab}留恋花丛的蝴蝶时时飞舞,自由自在的黄莺恰恰啼叫。<br>${tab}这首诗写出春日繁花似锦、生机盎然的景象。`],
[`【26】绝句`,`唐·杜甫`,`两个黄鹂鸣翠柳, 一行白鹭上青天。`,`窗含西岭千秋雪, 门泊东吴万里船。`,`释义`,`两只黄鹂在翠绿的柳枝上鸣叫,一行白鹭飞上湛蓝的天空。<br>${tab}窗外是西岭上千年不化的积雪,门前停泊着从万里之外的东吴驶来的航船。<br>${tab}这首诗写出草堂春色的明丽与开阔。`],
[`【27】回乡偶书`,`唐·贺知章 `,`少小离家老大回, 乡音无改鬓毛衰。`,`儿童相见不相识, 笑问客从何处来。`,`释义`,`年少时离开家乡,到老了才回来;口音没有改变,两鬓却已经斑白。<br>${tab}家乡的孩子们见到我不认识,笑着问我是从哪里来的客人。<br>${tab}这首诗写出久客他乡、归家时的感慨与沧桑。`],
[`【28】咏柳`,`唐·贺知章 `,`碧玉妆成一树高, 万条垂下绿丝绦。`,`不知细叶谁裁出, 二月春风似剪刀。`,`释义`,`高高的柳树像用碧玉装扮而成,千万条柳枝垂下来像绿色的丝带。<br>${tab}不知道这细细的柳叶是谁裁剪出来的?原来是二月的春风这把剪刀啊!这首诗写出早春柳树的婀娜与春风的灵巧。`],
[`【29】大林寺桃花`,`唐·白居易 `,`人间四月芳菲尽, 山寺桃花始盛开。`,`长恨春归无觅处, 不知转入此中来。`,`释义`,`山下的四月,百花已经凋谢;而山顶大林寺的桃花才刚刚盛开。<br>${tab}常常惋惜春天归去无处寻觅,不知道它原来转到山里来了。<br>${tab}这首诗写出山寺桃花的意外之美和寻春的惊喜。`],
[`【30】暮江吟`,`唐·白居易 `,`一道残阳铺水中, 半江瑟瑟半江红。`,`可怜九月初三夜, 露似真珠月似弓。`,`释义`,`一道夕阳斜照在江面上,江水一半碧绿一半红艳。<br>${tab}最可爱的是这九月初三的夜晚,露珠像珍珠一样晶莹,弯月像弯弓一样挂在天空。<br>${tab}这首诗写出暮江景色的绚烂与可爱。`],
];
const synth = window.speechSynthesis
var poemIdx = 0;
var utterance = null;
var timeoutID = null;
selIdx.max = poems.length;
selIdx.title = `选择有效值:1 到 ${poems.length}`;
function recitationPoem(idx, pIdx) {
if(typeof synth === 'undefined') {
backward.disabled = false;
forward.disabled = false;
selIdx.disabled = false;
return false;
}
if(pIdx == 0) {
utterance = new SpeechSynthesisUtterance(poems);
utterance.lang = 'zh-CN'; // 设置语言为中文
utterance.rate = 1; // 设置语速
utterance.pitch = 1; // 设置音调
synth.speak(utterance); // 播放语音
}
else {
utterance = new SpeechSynthesisUtterance(poems);
synth.speak(utterance); // 播放语音
}
utterance.onend = () => {
if(pIdx == 0) {
recitationPoem(idx,1)
}
else {
synth.cancel();
backward.disabled = false;
forward.disabled = false;
selIdx.disabled = false;
timeoutID = setTimeout(function(){
forward.click();
}, 6000);
}
};
}
function showPoem(idx) {
if(timeoutID) clearTimeout(timeoutID);
selIdx.value = idx + 1;
while (container.firstChild) {
container.removeChild(container.firstChild);
}
backward.disabled = true;
forward.disabled = true;
selIdx.disabled = true;
let imgObj = document.createElement('img');
let tSpanObj = document.createElement('span');
let aSpanObj = document.createElement('span');
let p0SpanObj = document.createElement('span');
let p1SpanObj = document.createElement('span');
let eSpanObj = document.createElement('span');
let pObj = document.createElement('p');
imgObj.src = pics;
container.appendChild(imgObj);
tSpanObj.innerHTML = poems;
container.appendChild(tSpanObj);
aSpanObj.innerHTML = poems;
container.appendChild(aSpanObj);
p0SpanObj.innerHTML = poems;
container.appendChild(p0SpanObj);
p1SpanObj.innerHTML = poems;
container.appendChild(p1SpanObj);
eSpanObj.innerHTML = poems;
eSpanObj.style.cssText = 'text-align:left; margin:1em;';
container.appendChild(eSpanObj);
pObj.innerHTML = poems;
container.appendChild(pObj);
recitationPoem(idx,0);
}
backward.onclick = () => {
poemIdx--; if(poemIdx < 0) poemIdx = poems.length - 1;
showPoem(poemIdx);
}
forward.onclick = () => {
poemIdx++; poemIdx %= poems.length;
showPoem(poemIdx);
}
const vMin = parseInt(selIdx.min);
const vMax = parseInt(selIdx.max);
selIdx.onchange = () => {
if(parseInt(selIdx.value) < vMin) selIdx.value = vMin;
if(parseInt(selIdx.value) > vMax) selIdx.value = vMax;
poemIdx = parseInt(selIdx.value) - 1;
showPoem(poemIdx);
}
showPoem(poemIdx);
</script>
{:4_174:} 30首,太好了,跟着读。{:4_199:} 这个好,休息天静静聆听诗词朗诵,看着诗句对应的图图及解释,这感觉真好。
感谢也曾年轻带来的好帖{:4_199:} 名篇有声欣赏,谢谢年轻老师精彩分享{:4_190:} 真还能这么制作,其实我感觉这种制作很高端,我根本不会制作 小辣椒欣赏加学习{:4_187:} 纯知识性的素材,感谢老师分享{:4_187:} 梦江南 发表于 2026-5-31 12:24
30首,太好了,跟着读。
谢谢欣赏支持!下午好! 红影 发表于 2026-5-31 12:43
这个好,休息天静静聆听诗词朗诵,看着诗句对应的图图及解释,这感觉真好。
感谢也曾年轻带来的好帖{:4_19 ...
下午好!谢谢欣赏支持!
有些多音字听着还是很别扭的。 杨帆 发表于 2026-5-31 13:32
名篇有声欣赏,谢谢年轻老师精彩分享
下午好!谢谢欣赏支持! 小辣椒 发表于 2026-5-31 13:40
真还能这么制作,其实我感觉这种制作很高端,我根本不会制作
下午好!谢谢欣赏支持! 小辣椒 发表于 2026-5-31 13:41
纯知识性的素材,感谢老师分享
当了个知识的“搬运工”{:5_106:} 着算是新算法的“连环画“了,很精致!感谢也曾年轻的分享,下午好!{:4_204:}{:4_190:}
霜染枫丹 发表于 2026-5-31 16:37
着算是新算法的“连环画“了,很精致!感谢也曾年轻的分享,下午好!
下午好!谢谢欣赏支持! 也曾年轻 发表于 2026-5-31 15:57
下午好!谢谢欣赏支持!
有些多音字听着还是很别扭的。
这也是电脑语音的常见问题,也是没办法,已经很不错了呢。 红影 发表于 2026-6-1 14:51
这也是电脑语音的常见问题,也是没办法,已经很不错了呢。
电脑和人脑相比还是差点意思啊 也曾年轻 发表于 2026-6-1 15:09
电脑和人脑相比还是差点意思啊
软件还不够细致,若更细致点肯定没问题的。 红影 发表于 2026-6-1 16:12
软件还不够细致,若更细致点肯定没问题的。
这和电台的播音员一样,只能守着普通话的读音
页:
[1]