涛声依旧 --- 试验歌曲手动控制播放

红枫

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代码，感觉很难，在网上自学我是学不会的。