起个网名好难 发表于 2022-9-25 10:17

寒冬残荷 发表于 2022-9-25 10:11
应该是论坛系统对发贴有级别限制。且这个限制与浏览器有关。

没搞懂,别的网站也有一定的限制但可以想法绕过,这里还没搞明白。

寒冬残荷 发表于 2022-9-25 10:22

红影 发表于 2022-9-25 10:11
可以先在本地试帖,试成功了再发论坛,基本就没什么问题了

不但在本地试贴正常,这个贴我在手机上看也正常。

寒冬残荷 发表于 2022-9-25 10:25



果然,注册会员不能使用标签,但这个标签指的是???应该不是指所有标签,因HTML的标签我使用了。

红影 发表于 2022-9-25 10:36

寒冬残荷 发表于 2022-9-25 10:22
不但在本地试贴正常,这个贴我在手机上看也正常。

新坛友发代码贴无限制,只要代码正确,都能显示。
有可能只是我自己看不到,我进入帖子直接看地址也看不到的。直接看原地址和其他所有都无关。

起个网名好难 发表于 2022-9-25 11:32

本帖最后由 起个网名好难 于 2022-9-25 11:33 编辑

寒冬残荷 发表于 2022-9-25 10:11
应该是论坛系统对发贴有级别限制。且这个限制与浏览器有关。
似乎摸出点门道了,您看看https://www.huachaowang.com/foru ... 63337&page=1&extra=能不能正常显示。

最根本的改变就是把酷我的mp3换成了网易云音乐的。

光盘没出来换成本站的图片就行了, 这帖没换。

醉美水芙蓉 发表于 2022-9-25 11:38

寒冬残荷 发表于 2022-9-25 11:58

不支持酷我音乐?那为什么在手机上浏览又行?

起个网名好难 发表于 2022-9-25 12:06

寒冬残荷 发表于 2022-9-25 11:58
不支持酷我音乐?那为什么在手机上浏览又行?


<style>
.txtBox {margin: auto; width:720px; min-width:700px; min-height:520px; background-image:linear-gradient(#fff 29px, #ed8181db 0); background-size: 30px 30px; font: normal 18px / 30px 楷体; color:#bb3d00; border:30px solid #fff; position: relative;}
.txtBox::before, .txtBox::after {position:absolute; color:#ccc; text-align:right; width:720px; height:30px; font-size:14px; background: #fff; border: 20px;}
.txtBox::before {content: attr(data-1);top:-30px;border-bottom: 2px solid red;}
.txtBox::after {content: attr(data-2);bottom:-30px;border-top:2px solid red;}
</style>
<div style="position:relative; width: 760px; height: 850px; margin: 15px auto; ">
<div class="txtBox" data-1="花潮稿纸" data-2="Copyright © 2022 All Right Reserved">
<span style="font-weight: bold; text-align:center; font-size : 24px ">          【萦儿心语】且行且珍惜</span><br><br>  不知什么时候开始喜欢读白落梅的书,还很疯狂的买下了她所有出版的书籍。那些午后的时光里,那些微雨的季节里,都是捧着她的书渡过。一椅、一书、一曲、一咖啡,就这样,让时光老去。<br>  喜欢白落梅,是因为她的笔下没有风华绝代,只有岁月静好。她的文字那么素净,给人如沐春风的感觉。她的文字,又像一杯清茶,清香淡雅,沁人心脾。因为她的文字,我走近了林徽因,走近了张爱玲;因为他的文字,我接触了唐诗宋词,随即让我有了学填诗词的冲动;因为她的文字,我知道了纳兰容若和仓央嘉措,让我对爱情有了更深的理解。<br>  《爱如禅 你如佛》,又名《恨不相逢未剃时:情僧苏曼殊的红尘游历》,介绍了苏曼殊,一个被世人称作诗僧、画僧、情僧、革命僧的传奇人物。他活了短短35年,或许在别人的眼里,这35年太短,但我觉得他可能已经够了,因为他已经看透了红尘,继续下去只有更痛苦。<br>  书中这样介绍苏曼殊:他是个僧人,披着袈裟,竹杖芒鞋在人间游走,莲台才是他最后的家;他是一个情种,身着西服,风度翩然嬉笑于秦楼楚馆,红颜才是他心灵的归所;他是一个志士,在时代的滚滚洪流下,惊奇风云万张;他是一个伶人,在人生这个色彩纷呈的舞台上,演绎这一场又一场阴晴圆缺的戏。<br>  白落梅说:每个人都是矛盾体,坚强又软弱,乐观又悲情,仁慈又邪恶。是的,回想自己,我想安然,但做不到淡定;我想给大家带来快乐,又时常不经意地伤害别人。其实又何必那么执着,风雨人生,走过之后再去回首,一切都已是寻常。真的不必再去纠结什么,因为有缘才能够相遇,才能让我们在这个红尘里安然相守。<br>  套用时髦的一句话:且行且珍惜。那么就让我们珍惜现在,要知道世间所有相遇都是久别重逢。<br> <br><br>
</div>
<style>
.lrcShow{font:bold 26px 微软雅黑; background-image:linear-gradient(-90deg,#ff0000,#f9f900);color:transparent; letter-spacing:2px; background-position:100% 100%; background-size:200% 200%; -webkit-background-clip:text; -webkit-text-stroke:1px #f75000; border:0px #ffffff solid; }
@keyframes bgMove1{from{background-position:0 0;}to{background-position:-100% 0;}}
@keyframes bgMove0{from{background-position:0 0;}to{background-position:-100% 0;}}

.mCtrl{border:2px solid #000000; border-radius:50%; display:inline-block; width:50px; height:50px; margin:0px; position:absolute; bottom:70px; right:10px; transform:rotateX(45deg) rotateY(-20deg) rotateZ(0deg); background-size:100% 100%; background-position:0 0; background-image:url(https://www.huachaowang.com/data/attachment/forum/202209/24/224500cco531c1941cynbf.png); }

.z360z{animation:rotating 5s linear infinite;}
@keyframes rotating{
0%{transform:rotateX(45deg) rotateY(-20deg) rotateZ(0deg);}
100%{transform:rotateX(45deg) rotateY(-20deg) rotateZ(360deg);}}

.wzsd1 { animation: wzsd 0.26s linear infinite ; }
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}

</style>

<div class="wzsd1" style="position:absolute; width:640px;height:70px; position:absolute; bottom:35px; left:80px; border:0px #FF4A20 solid;text-align:center;line-height: 70px; ">

<div class="lrcShow" id='sLRC'></div>

</div>

<div id="mDisk" class='mCtrl'></div>

</div>

<script type="text/javascript">
var lrcPlayerZ = function() {
return this.init.apply(this, arguments)
};
lrcPlayerZ.prototype = {
constructor: lrcPlayerZ,
init: function(opts) {
lyricTxt = opts.lrcTxt.replace(/(^\s*)|(\s*$)/g, '');
this.showLrcObj = document.getElementById(opts.lrcShowID);
this.audioCtrl = document.getElementById(opts.audioCtrl);
this.lrcVec = this.handleLrc(lyricTxt);
this.genPlayer(opts.audioURL);
},
handleLrc: function(lyricTxt) {
var parts = lyricTxt.replace(/(^\s*)|(\s*$)/g, "").split(/\r|\n|\r\n/);
var lrcs = new Array();
for (let index = 0; index < parts.length; index++) {
let chkTime = parts.match(/\[\d{1,2}:\d{2}.\d{1,3}\]|\[\d{1,2}:\d{2}\]/g);
if (chkTime) {
tIdx = parts.lastIndexOf(']');
if (tIdx > 0) lrcTxt = parts.substr(tIdx + 1);
for (m = 0; m < chkTime.length; m++) {
ta = chkTime.substr(1).replace(']', '').split(/:/);
_0 = (+ta) * 60 + (+ta);
lrcs.push({
seconds: _0,
words: lrcTxt
})
}
}
}
return lrcs.sort(function(a, b) {
return (a.seconds - b.seconds)
})
},
showLrc: function(durTime) {
this.showLrcObj.innerHTML = this.lrcVec.words;
this.showLrcObj.style.animation = 'bgMove' + (this.idx % 2) + ' ' + durTime + 'ms linear forwards';
this.idx++
},
genPlayer: function(mUrl) {
this.mObj = document.createElement("audio");
this.mObj.loop = false;
this.mObj.muted = false;
this.mObj.autoplay = true;
this.mObj.src = mUrl;
this.showLrcObj.appendChild(this.mObj);
var that = this;
var turn = 0;
this.idx = 0;
this.mObj.addEventListener('ended', function() {
that.idx = 0;
that.audioCtrl.classList.remove('z360z');
this.play()
});
this.mObj.addEventListener('play', function() {
that.audioCtrl.classList.add('z360z');
if (that.showLrcObj.style.animationPlayState == 'paused') that.showLrcObj.style.animationPlayState = 'running'
});
this.mObj.addEventListener('pause', function() {
if (that.idx == 1 && this.currentTime < 1) {
that.mObj.play();
return false
}
that.audioCtrl.classList.remove('z360z');
if (that.showLrcObj.style.animationPlayState == 'running') that.showLrcObj.style.animationPlayState = 'paused'
});
this.mObj.addEventListener('error', function() {
console.log("audio wrong, remove play start event");
that.showLrcObj.style.display = 'none';
that.showLrcObj.removeChild(this)
});
this.mObj.addEventListener('timeupdate', function() {
if (that.idx < that.lrcVec.length) {
if (this.currentTime >= that.lrcVec.seconds) {
if (that.idx < (that.lrcVec.length - 1)) {
that.showLrc((that.lrcVec.seconds - that.lrcVec.seconds) * 1000)
} else {
that.showLrc(3000)
}
}
}
});
this.audioCtrl.addEventListener('click', function() {
if (that.mObj.paused) {
that.mObj.play()
} else {
that.mObj.pause()
}
})
}
}
</script>
<script type="text/javascript">
var lrc =`
且行且珍惜
曲:伍思凯
词:陈道明/厉曼婷
迎着风向前行
我们已经一起走到这里
偶而想起过去
点点滴滴如春风化做雨
润湿眼底
憎相会爱别离
人生怎可能尽如人意
缘字终难猜透
才进心里
却已然离去
没有谁能忘记
这真挚情谊
你会祝福我
我也会祝福你
且把泪水轻轻拭去
期待再相遇
就算相见无期
在某个夜里
你会想起我
我也会想起你
默契永存你我心底
情缘系千里
且行且珍惜
偶而想起过去
点点滴滴如春风化做雨
润湿眼底
憎相会爱别离
人生怎可能尽如人意
缘字终难猜透
才进心里
却已然离去
没有谁能忘记
这真挚情谊
你会祝福我
我也会祝福你
且把泪水轻轻拭去
期待再相遇
就算相见无期
在某个夜里
你会想起我
我也会想起你
默契永存你我心底
情缘系千里
且行且珍惜
窗外景物飞逝
机缘轻触匆匆来匆匆去

且行且珍惜
`;
var opts = {
lrcTxt:lrc,
lrcShowID:'sLRC',
audioCtrl:'mDisk',
audioURL:'http://link.hhtjim.com/163/1438470205.mp3'
};
new lrcPlayerZ(opts);
</script>

起个网名好难 发表于 2022-9-25 12:08

本帖最后由 起个网名好难 于 2022-9-25 12:16 编辑

抢救过来了,康复要靠自己了{:5_106:}
酷我上没找到王淼的,和网易共有的有个陈佳就抓过来充数。

光盘图片也换成本站的了。

寒冬残荷 发表于 2022-9-25 12:14

起个网名好难 发表于 2022-9-25 12:08
抢救过来了,康复要靠自己了

果然是不支持酷我音乐。但网易云没有我这首歌(有的是另一同名歌曲)。

起个网名好难 发表于 2022-9-25 12:18

寒冬残荷 发表于 2022-9-25 12:14
果然是不支持酷我音乐。但网易云没有我这首歌(有的是另一同名歌曲)。

没办法,除非自己做LRC, 自认没那本事也没那份耐心。

寒冬残荷 发表于 2022-9-25 13:58

小辣椒 发表于 2022-9-24 22:26
没有这个规定的

经“起个好网名好难“坛友指教,现我搞清楚了,这里不支持酷我音乐MP3链接,支持网易的。

寒冬残荷 发表于 2022-9-27 07:19

本帖最后由 寒冬残荷 于 2022-9-27 07:46 编辑 <br /><br /><audio src="https://link.hhtjim.com/kw/150602055.mp3" autoplay="autoplay" loop="loop" controls="controls" ></audio>
<br><br>
<audio src="http://ws.stream.qqmusic.qq.com/C400002GTJfI2jNZGl.m4a?guid=603565312&vkey=BC585A045C63E98C342BE2ED7C9FD8CEC1E6E315A39658C298392752D2E78BCEE29C1C1ECCE824AC67C9AA92BFC2EF6C5F84D1BB7D1D5488&uin=&fromtag=120032" autoplay="autoplay" loop="loop" controls ></audio>

寒冬残荷 发表于 2022-9-27 07:27

寒冬残荷 发表于 2022-9-27 07:19
本帖最后由 寒冬残荷 于 2022-9-27 07:24 编辑

以https开头的KW音乐也不行,花潮真的是屏蔽KW音乐?!
页: 1 [2]
查看完整版本: 文字配LRC歌词音乐:《且行且珍惜》