中畫網(wǎng)

標(biāo)題: 濤聲依舊 --- 試驗歌曲手動控制播放 [打印本頁]

作者: 195400    時間: 2021-8-13 12:07
標(biāo)題: 濤聲依舊 --- 試驗歌曲手動控制播放

作者: 雄鷹翱翔    時間: 2021-8-13 15:37
欣賞您的精美佳作,贊一個!
作者: 195400    時間: 2021-8-13 15:50
雄鷹翱翔 發(fā)表于 2021-8-13 15:37
欣賞您的精美佳作,贊一個!




作者: 紅楓    時間: 2021-8-13 20:09
其實(shí),去掉這個播放按鈕圖標(biāo)也行,只要在圖中隨意點(diǎn)一下就播放了!
作者: 寒冬殘荷    時間: 2021-8-13 21:27
大贊!謝謝分享!
作者: 195400    時間: 2021-8-13 21:29
紅楓 發(fā)表于 2021-8-13 20:09
其實(shí),去掉這個播放按鈕圖標(biāo)也行,只要在圖中隨意點(diǎn)一下就播放了!

嗯, 只是為了有個明顯的提示,否則就要另加說明了.
作者: 195400    時間: 2021-8-13 21:30
寒冬殘荷 發(fā)表于 2021-8-13 21:27
大贊!謝謝分享!




作者: 寒冬殘荷    時間: 2021-8-13 21:41
紅楓 發(fā)表于 2021-8-13 20:09
其實(shí),去掉這個播放按鈕圖標(biāo)也行,只要在圖中隨意點(diǎn)一下就播放了!

我試了,沒有這個按鈕不行呀。
作者: 寒冬殘荷    時間: 2021-8-13 21:52
紅楓 發(fā)表于 2021-8-13 20:09
其實(shí),去掉這個播放按鈕圖標(biāo)也行,只要在圖中隨意點(diǎn)一下就播放了!

只是不一定要點(diǎn)擊按鈕,在圖中隨意點(diǎn)就可以。但我在代碼中找不到有關(guān) id="playbutton"的代碼。
作者: 寒冬殘荷    時間: 2021-8-13 22:00
195400 發(fā)表于 2021-8-13 21:30

老師,這句<img src="http://bpic.588ku.com/element_pic/17/09/12/086fa9e4799099a98eb54aab236be2b9.jpg" id="playbutton" style="width:36px; height:36px; overflow:hidden; border-radius:50%;">中的id="playbutton"在哪里設(shè)置了?我找不到。
作者: 195400    時間: 2021-8-14 08:06
寒冬殘荷 發(fā)表于 2021-8-13 22:00
老師,這句中的id="playbutton"在哪里設(shè)置了?我找不到。

本來設(shè)想這id用來控制它的隱藏和顯現(xiàn), 后來發(fā)現(xiàn)不用它也行. 留著也無關(guān)緊要.
作者: 195400    時間: 2021-8-14 08:09
寒冬殘荷 發(fā)表于 2021-8-13 21:41
我試了,沒有這個按鈕不行呀。

沒這按鈕只是不知道歌曲是否最終結(jié)束與否.

啟動播放點(diǎn)擊畫面就行.
作者: 紅楓    時間: 2021-8-14 11:54
195400 發(fā)表于 2021-8-14 08:06
本來設(shè)想這id用來控制它的隱藏和顯現(xiàn), 后來發(fā)現(xiàn)不用它也行. 留著也無關(guān)緊要.

此處的 id= …… 只是用于按鈕圖標(biāo)的名稱標(biāo)識,與實(shí)際的按鈕控制代碼無關(guān)系。
作者: 寒冬殘荷    時間: 2021-8-14 12:08
195400 發(fā)表于 2021-8-14 08:09
沒這按鈕只是不知道歌曲是否最終結(jié)束與否.

啟動播放點(diǎn)擊畫面就行.

<img src="http://bpic.588ku.com/element_pic/17/09/12/086fa9e4799099a98eb54aab236be2b9.jpg" id="playbutton" style="width:36px; height:36px; overflow:hidden; border-radius:50%;">
剛才又試了一次,難道是我的瀏覽器有問題?沒有這一句,點(diǎn)擊畫面沒有播放音樂,也沒有LRC歌詞出現(xiàn)。
作者: 寒冬殘荷    時間: 2021-8-14 12:11
195400 發(fā)表于 2021-8-14 08:09
沒這按鈕只是不知道歌曲是否最終結(jié)束與否.

啟動播放點(diǎn)擊畫面就行.

因為id="playbutton"沒有什么作用,所以,這個圖標(biāo)不起什么作用。但為什么我去掉了運(yùn)行不行,不得其解!
作者: 195400    時間: 2021-8-14 12:32
寒冬殘荷 發(fā)表于 2021-8-14 12:08
剛才又試了一次,難道是我的瀏覽器有問題?沒有這一句,點(diǎn)擊畫面沒有播放音樂,也沒有LRC歌詞出現(xiàn)。

是不是把代碼中的按鈕圖片去掉了?
如果是則會出現(xiàn)代碼錯誤,這一點(diǎn)我考慮到了,代碼已做修改只是還沒上傳,因為在代碼上較真的網(wǎng)友畢竟不多。
作者: 195400    時間: 2021-8-14 12:38
寒冬殘荷 發(fā)表于 2021-8-14 12:11
因為id="playbutton"沒有什么作用,所以,這個圖標(biāo)不起什么作用。但為什么我去掉了運(yùn)行不行,不得其解!

就已有的代碼而言去掉id不會錯,但去掉圖片則會出錯,代碼運(yùn)行不下去,因為是假定圖片存在的。
作者: 寒冬殘荷    時間: 2021-8-14 12:59
{
                if(evFlag)        {
                evFlag = false;showLrcObj.querySelector('img').style.display = 'none';
                showLrc();
                mObj.play();
        }
我沒學(xué)過JS,但我猜這一行段代碼是圖片消失了才播放……
作者: 195400    時間: 2021-8-14 13:34
寒冬殘荷 發(fā)表于 2021-8-14 12:59
{
                if(evFlag)        {
                evFlag = false;showLrcObj.querySelector('img').style.display = 'none';

對, 就這一行 showLrcObj.querySelector('img')
如果有圖片這一行可以執(zhí)行, 反之這一行就會出錯,出錯了后續(xù)的代碼就不會執(zhí)行。

其實(shí)還有一行類似的,是顯示圖片。
作者: 195400    時間: 2021-8-14 13:36
現(xiàn)在代碼已修改有沒有圖片都無所謂了
作者: 紅楓    時間: 2021-8-14 13:48
195400 發(fā)表于 2021-8-14 13:34
對, 就這一行 showLrcObj.querySelector('img')
如果有圖片這一行可以執(zhí)行, 反之這一行就會出錯

代碼不改,只是 按鈕圖片 的地址為空,按鈕圖片就不顯示了!
作者: 195400    時間: 2021-8-14 13:53
紅楓 發(fā)表于 2021-8-14 11:54
此處的 id= …… 只是用于按鈕圖標(biāo)的名稱標(biāo)識,與實(shí)際的按鈕控制代碼無關(guān)系。

原來是想用這id的, 用這id就必須把它傳入到處理腳本中,多了有一點(diǎn)點(diǎn)麻煩。

不過用id找這個圖片更準(zhǔn)確。
作者: 195400    時間: 2021-8-14 13:56
紅楓 發(fā)表于 2021-8-14 13:48
代碼不改,只是 按鈕圖片 的地址為空,按鈕圖片就不顯示了!

querySelector('img') 如果沒圖片就會返回 null 后面就出錯。
作者: 紅楓    時間: 2021-8-14 14:01
195400 發(fā)表于 2021-8-14 13:56
querySelector('img') 如果沒圖片就會返回 null 后面就出錯。

按鈕控制代碼是在:http://cesholl.cn3v.net/scripts/processLRCX.js  里的。function startSound()
{
        //if(evFlag)        {
                //showLrcObj.parentElement.removeEventListener('click', startSound);
                //showLrcObj.removeEventListener('click', startSound);
                //while(showLrcObj.children.length > sLine)        {
                        //showLrcObj.removeChild(showLrcObj.children[0]);
                //}
                //evFlag = false;
        //}
       
        if(evFlag)        {
                evFlag = false;
                var ctrlButton = showLrcObj.querySelector('img');
                if(ctrlButton)        ctrlButton.style.display = 'none';
                showLrc();
                mObj.play();
        }
        /**
        if(mObj.paused)        {
                evFlag = false;
                showLrc();
                mObj.play();
        }
        else {
                evFlag = true;
                mObj.pause();
        }
        return false;
        **/
作者: 紅楓    時間: 2021-8-14 14:19
195400 發(fā)表于 2021-8-14 13:56
querySelector('img') 如果沒圖片就會返回 null 后面就出錯。

去掉 <img src="http://bpic.588ku.com/element_pic/17/09/12/086fa9e4799099a98eb54aab236be2b9.jpg" id="playbutton" style="width:36px; height:36px; overflow:hidden; border-radius:50%;"> 這段代碼,點(diǎn)擊圖片照樣可以播放音樂和顯示歌詞的,我在我《金陵十二釵》的作品中就已經(jīng)試過了。
作者: 195400    時間: 2021-8-14 14:25
紅楓 發(fā)表于 2021-8-14 14:01
按鈕控制代碼是在:http://cesholl.cn3v.net/scripts/processLRCX.js  里的。function startSound()
{
...
  1.         if(evFlag)        {
  2.                 evFlag = false;
  3.                 var ctrlButton = showLrcObj.querySelector('img');
  4.                 if(ctrlButton)        ctrlButton.style.display = 'none';
  5.                 showLrc();
  6.                 mObj.play();
  7.         }
復(fù)制代碼

只有這幾句有用,其余的都是注釋掉的語句.
作者: 195400    時間: 2021-8-14 14:28
紅楓 發(fā)表于 2021-8-14 14:19
去掉  這段代碼,點(diǎn)擊圖片照樣可以播放音樂和顯示歌詞的,我在我《金陵十二釵》的作品中就已經(jīng)試過了。

剛修改了代碼圖片有無都無所謂.

沒有圖片就需要寫一句提示,例如"點(diǎn)擊畫面播放音樂"之類的話.
作者: 紅楓    時間: 2021-8-14 15:14
195400 發(fā)表于 2021-8-14 14:28
剛修改了代碼圖片有無都無所謂.

沒有圖片就需要寫一句提示,例如"點(diǎn)擊畫面播放音樂"之類的話.

你和我用的 JS 版本不同,你是 processLRCX.js ,其上半部分控制代碼確實(shí)是被注釋掉了;我的是 processLRC1.js 上半部未被注釋掉,與下半段同時有效。所以可以去掉圖片代碼。
作者: 195400    時間: 2021-8-14 15:53
紅楓 發(fā)表于 2021-8-14 15:14
你和我用的 JS 版本不同,你是 processLRCX.js ,其上半部分控制代碼確實(shí)是被注釋掉了;我的是 processLR ...

1是以前的版本,X是由1改寫而來,X的歌曲啟動后只播放一次而1是啟動后循環(huán)播放。
[attach]182804[/attach]


作者: 寒冬殘荷    時間: 2021-8-14 16:52
195400 發(fā)表于 2021-8-14 12:32
是不是把代碼中的按鈕圖片去掉了?
如果是則會出現(xiàn)代碼錯誤,這一點(diǎn)我考慮到了,代碼已做修改只是還沒上 ...

老師,我不是較真,是學(xué)習(xí)。你的帖子html+css部分,我都一句一句的理解。js部分就沒辦法了,因為我沒有學(xué),而且看了你的js代碼,感覺很難,在網(wǎng)上自學(xué)我是學(xué)不會的。
作者: 195400    時間: 2021-8-14 17:06
寒冬殘荷 發(fā)表于 2021-8-14 16:52
老師,我不是較真,是學(xué)習(xí)。你的帖子html+css部分,我都一句一句的理解。js部分就沒辦法了,因為我沒 ...

學(xué)習(xí)并不難,我也是自學(xué)的,而且是在退休后無事干瞎琢磨的。
作者: 紅楓    時間: 2021-8-14 21:18
195400 發(fā)表于 2021-8-14 17:06
學(xué)習(xí)并不難,我也是自學(xué)的,而且是在退休后無事干瞎琢磨的。

真沒想到,您己退休,還以為您是中青年呢,你代碼掌推運(yùn)用得真不錯。我也67了,愛好音畫,也自學(xué)些代碼運(yùn)用,但僅是套與改而已。日后還得多多向您請教。
作者: 195400    時間: 2021-8-14 21:40
紅楓 發(fā)表于 2021-8-14 21:18
真沒想到,您己退休,還以為您是中青年呢,你代碼掌推運(yùn)用得真不錯。我也67了,愛好音畫,也自學(xué)些代碼運(yùn) ...

同年朋友啊
作者: 紅楓    時間: 2021-8-14 21:56
195400 發(fā)表于 2021-8-14 21:40
同年朋友啊

似乎您應(yīng)該比我大一歲,看用戶名推想的,54年生。我55年的。加個微信怎樣,可以直接向您學(xué)習(xí)請教了。微信號:sjg888_8     (最后一個8前面面是下劃線  _   ),期待喲!
作者: 195400    時間: 2021-8-14 22:07
紅楓 發(fā)表于 2021-8-14 21:56
似乎您應(yīng)該比我大一歲,看用戶名推想的,54年生。我55年的。加個微信怎樣,可以直接向您學(xué)習(xí)請教了。微信 ...

哦, 我是實(shí)的。
用戶名是我工作時的工號(逆序)004591
微信 w004591




歡迎光臨 中畫網(wǎng) (http://www.nujv.cn/) Powered by Discuz! X3.4
主站蜘蛛池模板: 久久婷婷五月综合色高清| 亚洲色欲色欲综合网站| 国产成人综合美国十次| 久久综合成人网| 国产91色综合久久免费| 国产激情综合在线观看| 亚洲国产成人久久综合碰碰动漫3d | 最新狠狠色狠狠色综合| 狠狠色综合网站久久久久久久高清 | 国产成人综合洲欧美在线 | 青青青伊人色综合久久| 91精品国产色综合久久| 色婷婷六月亚洲综合香蕉| 激情五月婷婷综合| 狠狠色丁香婷婷久久综合 | 亚洲国产成人精品无码久久久久久综合| 激情综合婷婷丁香五月蜜桃| 美国十次狠狠色综合| 久久综合综合久久狠狠狠97色88| 伊人久久大香线焦AV综合影院 | 国产成人综合精品一区| 色狠狠成人综合色| 激情综合一区二区三区| 久久久久综合网久久| 日韩综合无码一区二区| 欧美综合图区亚洲综合图区| 97久久婷婷五月综合色d啪蜜芽| 亚洲综合av永久无码精品一区二区| 狠狠亚洲婷婷综合色香五月排名| 伊人色综合久久天天网| 伊人网综合影院| 激情97综合亚洲色婷婷五| 久久久久青草线蕉综合超碰| 亚洲伊人成无码综合网| 91精品国产综合久久精品| 日韩欧美色综合网站| 欧美日韩综合精品| 欧美亚洲综合免费精品高清在线观看| 色综合色综合色综合色欲| 久久综合视频网站| 综合亚洲欧美三级|