濤聲依舊 --- 試驗歌曲手動控制播放

紅楓

195400 發表于 2021-8-14 13:34
對， 就這一行 showLrcObj.querySelector('img')
如果有圖片這一行可以執行， 反之這一行就會出錯

代碼不改，只是 按鈕圖片 的地址為空，按鈕圖片就不顯示了！

195400

紅楓 發表于 2021-8-14 11:54
此處的 id= …… 只是用于按鈕圖標的名稱標識，與實際的按鈕控制代碼無關系。

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

不過用id找這個圖片更準確。

195400

紅楓 發表于 2021-8-14 13:48
代碼不改，只是 按鈕圖片 的地址為空，按鈕圖片就不顯示了！

querySelector('img') 如果沒圖片就會返回 null 后面就出錯。

紅楓

195400 發表于 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;
        **/

紅楓

195400 發表于 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%;"> 這段代碼，點擊圖片照樣可以播放音樂和顯示歌詞的，我在我《金陵十二釵》的作品中就已經試過了。

195400

紅楓 發表于 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.         }
   

復制代碼

只有這幾句有用,其余的都是注釋掉的語句.

195400

紅楓 發表于 2021-8-14 14:19
去掉  這段代碼，點擊圖片照樣可以播放音樂和顯示歌詞的，我在我《金陵十二釵》的作品中就已經試過了。

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

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

紅楓

195400 發表于 2021-8-14 14:28
剛修改了代碼圖片有無都無所謂.

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

你和我用的 JS 版本不同，你是 processLRCX.js ，其上半部分控制代碼確實是被注釋掉了；我的是 processLRC1.js 上半部未被注釋掉，與下半段同時有效。所以可以去掉圖片代碼。

195400

紅楓 發表于 2021-8-14 15:14
你和我用的 JS 版本不同，你是 processLRCX.js ，其上半部分控制代碼確實是被注釋掉了；我的是 processLR ...

1是以前的版本，X是由1改寫而來，X的歌曲啟動后只播放一次而1是啟動后循環播放。

寒冬殘荷

195400 發表于 2021-8-14 12:32
是不是把代碼中的按鈕圖片去掉了？
如果是則會出現代碼錯誤，這一點我考慮到了，代碼已做修改只是還沒上 ...

老師，我不是較真，是學習。你的帖子html+css部分，我都一句一句的理解。js部分就沒辦法了，因為我沒有學，而且看了你的js代碼，感覺很難，在網上自學我是學不會的。