造型独特的九里香

肖燕

沧浪愚翁 发表于 2025-9-28 15:20
谢谢介绍造型独特的九里香，欣赏你的精彩佳拍！！

谢谢朋友的到访鼓励。提前祝您双节快乐！

北方雁

非常漂亮的摄影作品。给老师点大大的赞。九里香听说过，这次是第一次见。

肖燕

北方雁 发表于 2025-9-28 21:43
非常漂亮的摄影作品。给老师点大大的赞。九里香听说过，这次是第一次见。

谢谢老师的到访鼓励。我家养过九里香，开了花，冬天太冷，冻死了。现在又买了2盆，不开花了。

撫順地質老人

欣赏老师[RE:造型独特的九里香 [修改] ] 精彩拍摄 ! 精彩佳作!点大赞!

肖燕

撫順地質老人 发表于 2025-9-29 06:15
欣赏老师[RE:造型独特的九里香 [修改] ] 精彩拍摄 ! 精彩佳作!点大赞!

谢谢老师的到访鼓励。提前祝您双节快乐！

北方雁

肖燕 发表于 2025-9-28 22:56
谢谢老师的到访鼓励。我家养过九里香，开了花，冬天太冷，冻死了。现在又买了2盆，不开花了。

洁白无瑕，花漂亮，这张特写拍的真漂亮。

肖燕

北方雁 发表于 2025-9-29 11:51
洁白无瑕，花漂亮，这张特写拍的真漂亮。

不知为什么，这次买的不开花。气人！

静悟

造型独特的九里香真的有九里香吗？这花型很漂亮。赞！

肖燕

静悟 发表于 2025-9-29 14:14
造型独特的九里香真的有九里香吗？这花型很漂亮。赞！

谢谢静悟姐的到访点评。九里香有点香，没有它的名字那么“香”。

园弄桥

1. <table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2170059">
   
2. <i class="pstatus">   <br /><br /><style>
   
3. #papa { margin: 150px 0 20px calc(50% - 700px); background:#800 url(' ')no-repeat center/cover;width: 1250px; height: 960px;   box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center; }
   
4. #mdiv {z-index: 10;
   
5.         --size: 0px;
   
6.         --color: teal;
   
7.         position: relative;
   
8.         left: calc(-35% - var(--size) / 2);
   
9.         top: 230px;
   
10.         width: var(--size);
    
11.         height: var(--size);
    
12.         display: grid;
    
13.         place-items: center;
    
14.         animation: rot 8s linear infinite ;
    
15.         cursor: pointer;
    
16. }
    
17. #mdiv::before, #mdiv::after {
    
18.         position: absolute;
    
19.         content: '';
    
20.         width: 0;
    
21.         height: 0;
    
22.         border-style: solid;
    
23.         border-width: calc(var(--size) / 2) calc(var(--size) / 2 - 35px);
    
24.         border-color: var(--color) transparent;
    
25.         border-radius: 100% 100% 100% 100%;
    
26.         filter:drop-shadow(#000 1px 0 0)drop-shadow(#000 0 1px 0)drop-shadow(#000 -1px 0 0) drop-shadow(#000 0 -1px  0);
    
27. }
    
28. #mdiv::after { transform: rotate(90deg) }
    
29. @keyframes rot { 100% { transform: rotate(360deg);filter:hue-rotate(360deg); } }
    
30. #vid {z-index: 2;
    
31.         position: absolute;
    
32.         width: 100%;
    
33.         height: 100%;
    
34.         object-fit: cover;
    
35.         -webkit-mask-image: radial-gradient(black 10% ,transparent 90%);
    
36. }
    
37. #vido {z-index: 1;
    
38.         position: absolute;
    
39.         width: 100%;
    
40.         height: 100%;
    
41.         object-fit: cover;
    
42.         }
    
43. #fullscreen { position: absolute; top: 30px; right:30px;font: normal 2em/0em 楷体;color:#000; opacity: 1; cursor: pointer; z-index: 111}
    
44. </style>
    
45. <div id="papa">
    
46. <div id="mdiv" title=""></div>
    
47. <div data-lrc=" " id="lrc" title="歌词显示"> </div>   
    
48. <span id="fullscreen">全屏欣赏</span>
    
49. <audio id="aud" src="https://cccimg.com/view.php/826bd80b9e7b46521b2f1b8020aa4d08.mp3"                                       autoplay loop></audio>
    
50. <video id="vid" src=" " autoplay loop muted></video>
    
51. <video id="vido" src="https://file.uhsea.com/2506/a9b4cfc0aa8bd670ee5174817ee2ccccBG.mp4" autoplay loop muted></video>
    
52. </div>
    
53. <script>
    
54. mdiv.onclick = () => aud.paused ?( aud.play(),vid.play(),vido.play()):(aud.pause(),vid.pause(),vido.pause());
    
55. mdiv.style.animationPlayState = aud.paused ? 'paused' : 'running';
    
56. aud.addEventListener('playing', () =>mdiv.style.animationPlayState = 'running');
    
57. aud.addEventListener('pause', () =>mdiv.style.animationPlayState = 'paused');
    
58. let fs = true;
    
59.         fullscreen.onclick = () => {
    
60.                 fs ? (fullscreen.innerText = '退出全屏', papa.requestFullscreen()) : (fullscreen.innerText = '全屏欣赏', document.exitFullscreen());
    
61.                 fs = !fs;
    
62.         };
    
63. </script>
    
64. <style type="text/css">
    
65. #lrc {--state: paused;--motion: cover2;--tt: 2s;--bg: linear-gradient(0deg, #880000, #880000, #880000);
    
66. position: absolute;z-index: 6;left: 50%; top: 85%;transform: translate(-50%);font:normal 4em 华文新魏; font-weight:400;color: #000080;white-space: pre;-webkit-background-clip: text;filter:drop-shadow(#FFFFFF 1px 0 0)drop-shadow(#FFFFFF 0 1px 0)drop-shadow(#FFFFFF -1px 0 0) drop-shadow(#FFFFFF 0 -1px  0);}
    
67. #lrc::before {position: absolute;content: attr(data-lrc);width: 100%; height: 100%;color: transparent;overflow: hidden;white-space: pre;background: var(--bg);clip-path: inset(0 100% 0 0);-webkit-background-clip: text;animation: var(--motion) var(--tt) linear forwards;animation-play-state: var(--state);}
    
68. @keyframes cover1{ to { clip-path: inset(0 0 0 0); } }@keyframes cover2 { to { clip-path: inset(0 0 0 0); } }
    
69. </style>
    
70. <script >
    
71. (function() {
    
72. /*原始lrc歌词*/
    
73. let lrcStr = `
    
74. [00:00.000]我最亲最爱的祖国
    
75. [00:02.980]作词：廖建中/游留辉
    
76. [00:05.960]作曲：刘淮保
    
77. [00:08.940]编曲：李建衡
    
78. [00:11.920]演唱：石倚洁
    
79. [00:14.900]发行：星沄洲唱片
    
80. [00:17.880]走过泥泞与坎坷
    
81. [00:37.560]我看到柳暗花明的景色
    
82. [00:45.300]尝过悲欢与苦乐
    
83. [00:50.970]我知道人间什么最值得
    
84. [00:59.430]在数九隆冬之间
    
85. [01:05.760]我相信寒梅傲雪的品格
    
86. [01:13.560]在漫天风雨之下
    
87. [01:19.200]我见证脊梁从未弯折
    
88. [01:27.090]我最亲最爱的祖国
    
89. [01:30.750]千年万里爱不会相隔
    
90. [01:37.230]我的情怀如此炙热
    
91. [01:44.010]祝福的话语汇成一曲恋歌
    
92. [01:51.780]我最亲最爱的祖国
    
93. [01:55.290]谢谢你把我的故事铭刻
    
94. [02:02.550]我的岁月开花结果
    
95. [02:09.600]放飞的梦想
    
96. [02:13.470]闪耀无边的星河星河
    
97. [02:29.100]在数九隆冬之间
    
98. [02:55.200]我相信寒梅傲雪的品格
    
99. [03:02.940]在漫天风雨之下
    
100. [03:08.610]我见证脊梁从未弯折
     
101. [03:16.470]我最亲最爱的祖国
     
102. [03:19.980]谢谢你把我的故事铭刻
     
103. [03:27.180]我的岁月开花结果
     
104. [03:34.230]放飞的梦想
     
105. [03:38.220]闪耀无边的星河星河
     
106. [03:51.720]我最亲最爱的祖国
     
107. [03:55.350]谢谢你把我的故事铭刻
     
108. [04:02.490]我的岁月开花结果
     
109. [04:09.540]放飞的梦想
     
110. [04:13.500]闪耀无边的星河
     
111. [04:19.230]星河星河`;
     
112. /*变量 ：mKey - 当前歌词索引；mFlag ：调用关键帧动画索引；averAdd ：平均值补偿*/
     
113. let mKey = 0, mFlag = true, averAdd = 0.3;
     
114. /*函数 ：获取每句歌词用时，歌词用时若超过平均值则取平均值，最后一句歌词则取平均值*/
     
115. let lrcTime = (ar) => { let tmpAr = [];
     
116. for(j = 0; j <ar.length - 1; j ++) { if(j !== ar.length - 1) tmpAr[j] = parseFloat((ar[j+1][0] - ar[j][0]).toFixed(1));}
     
117. let aver = parseInt(tmpAr.reduce((a,b) => a + b) / (tmpAr.length - 1)) + averAdd;
     
118. tmpAr.push(aver);
     
119. tmpAr.forEach((item,key) => {ar[key][2] = item > aver ? aver : item; });
     
120. return ar;};
     
121. /*函数 ：从原始lrc歌词获取信息并存入 n*3 数组*/
     
122. let getLrcAr = (text) => {
     
123.        let lrcAr = [];
     
124.         let calcRule = [60,1,0.001];
     
125.        for(x of text.split('\n')) {
     
126.               let ar = [];
     
127.                let re = /\d+[\.:]\d+([\.:]\d+)?/g;
     
128.                let geci = x.replace(re,'');
     
129.                if(geci) {
     
130.                        geci = geci.replace(/[\[\]\'"\t,]s?/g,'');
     
131.                         let time = x.match(re);
     
132.                        if(time != null) {
     
133.                                for(y of time) {
     
134.                                         let tmp = y.match(/\d+/g);
     
135.                                        let sec = 0;
     
136.                                        for(z in tmp) sec += tmp[z] * calcRule[z];
     
137.                                        ar[0] = [parseFloat(sec.toFixed(2)), geci];
     
138.                                        lrcAr.push(ar[0]);
     
139.                                 }
     
140.                        }
     
141.                 }
     
142.         }
     
143.         lrcAr.sort((a,b)=> a[0] - b[0]);
     
144.         return(lrcTime(lrcAr));
     
145. };
     
146. /*函数 ：模拟显示同步歌词*/
     
147. let showLrc = (time) => {
     
148.         let name = mFlag ? 'cover1' : 'cover2';
     
149.        lrc.innerHTML = lrcAr[mKey][1];
     
150.         lrc.dataset.lrc = lrcAr[mKey][1];
     
151.         lrc.style.setProperty('--motion', name);
     
152.         lrc.style.setProperty('--tt', time + 's');
     
153.         lrc.style.setProperty('--state', 'running');
     
154.         mKey += 1;
     
155.        mFlag = !mFlag;
     
156. };
     
157. /*函数 ：处理当前歌词索引 mKey*/
     
158. let calcKey = () => {
     
159.         for (j = 0; j < lrcAr.length; j++) {
     
160.                 if (aud.currentTime <= lrcAr[j][0]) {
     
161.                         mKey = j - 1;
     
162.                         break;
     
163.                }
     
164.       }
     
165.        if (mKey < 0) mKey = 0;
     
166.         if (mKey > lrcAr.length - 1) mKey = lrcAr.length - 1;
     
167.        let time = lrcAr[mKey][2] - (aud.currentTime - lrcAr[mKey][0]);
     
168.         showLrc(time);
     
169. };
     
170. /*格式化时间信息*/
     
171. let toMin = (val) => {
     
172.       if (!val) return '00:00';
     
173.       val = Math.floor(val);
     
174.        let min = parseInt(val / 60),
     
175.         sec = parseFloat(val % 60);
     
176.        if (min < 10) min = '0' + min;
     
177.         if (sec < 10) sec = '0' + sec;
     
178.         return min + ':' + sec;
     
179. }
     
180. /*函数 ：关键帧动画状态切换*/
     
181. let mState = () => aud.paused ? (lrc.style.setProperty('--state','paused'),mdiv.style.animationPlayState = 'paused') : (lrc.style.setProperty('--state','running'),mdiv.style.animationPlayState = 'running');
     
182. /*监听播放进度*/
     
183. aud.addEventListener('timeupdate', () => {
     
184.         for (j = 0; j < lrcAr.length; j++) {
     
185.                 if (aud.currentTime >= lrcAr[j][0]) {
     
186.                         cKey = j;
     
187.                         if (mKey === j) showLrc(lrcAr[j][2]);
     
188.          else continue;
     
189.        }
     
190.     }
     
191. });
     
192. aud.addEventListener('pause', () => mState());/*监听暂停事件*/
     
193. aud.addEventListener('play', () => mState());/*监听播放事件*/
     
194. aud.addEventListener('seeked', () => calcKey());/*监听查询事件*/
     
195. let lrcAr = getLrcAr(lrcStr); /*获得歌词数组*/
     
196. })();
     
197. </script>
     
198. </td></tr></table>

复制代码