马黑黑 发表于 2022-1-13 14:31

音乐的播放与暂停（测试）

<style type="text/css">

.cBtn {
        width:50px;
        height:50px;
        font-family:'微软雅黑';
        font-size:24px;
        color:pink;
        border:0px;
        background:olive;
        outline:none;
        border-radius:50%;
        box-shadow:0px 0px 2px #444;
        cursor:pointer;
}

.cBtn:hover {
        color:tomato;
        box-shadow:0px 0px 3px #000;
}

</style>

<audio id="audio" src="https://wj.zp68.com/lxx/yunhua/20211217/01.mp3" controls="controls"></audio><br><br>
<input class="cBtn" type="button" id="btn" value="▶" onclick="var op = document.getElementById('audio');var bt = document.getElementById('btn');if(op.paused){ op.play();bt.value = '‖'; }else {op.pause();bt.value = '▶';        };">

马黑黑 发表于 2022-1-13 14:37

这个能够很好工作。人工按钮可以控制播放与暂停。但是：

JS是以嵌入HTML代码的方式完成的，独使用script代码是在切换编辑模式当中代码不可见，原因不明。理论上论坛应该支持JS的使用，见过 @小辣椒 的播放器代码里有过JS的。

再次感谢 @小辣椒 上传的歌曲。

红影 发表于 2022-1-13 16:33

神奇，下面这个按钮也可以操控上面的播放器的{:4_204:}

马黑黑 发表于 2022-1-13 17:28

红影 发表于 2022-1-13 16:33
神奇，下面这个按钮也可以操控上面的播放器的

这就是JS最基本的交互的功能体现

红影 发表于 2022-1-13 22:14

马黑黑 发表于 2022-1-13 17:28
这就是JS最基本的交互的功能体现

很引人入胜的功能{:4_199:}

马黑黑 发表于 2022-1-13 22:15

红影 发表于 2022-1-13 22:14
很引人入胜的功能

但是很复杂

红影 发表于 2022-1-14 13:15

马黑黑 发表于 2022-1-13 22:15
但是很复杂

哦，看起来我是学不会了，看到复杂的就蒙{:4_173:}

上海朝阳 发表于 2022-1-14 16:15

红影 发表于 2022-1-13 16:33
神奇，下面这个按钮也可以操控上面的播放器的

如果这个开关可以独立出现，那可以和散文图片合作，做成背景音乐了。

红影 发表于 2022-1-14 16:58

上海朝阳 发表于 2022-1-14 16:15
如果这个开关可以独立出现，那可以和散文图片合作，做成背景音乐了。

应该可以的吧，我对这些语句不太熟悉，只是跟在后面学习呢{:4_204:}

马黑黑 发表于 2022-1-14 17:38

红影 发表于 2022-1-14 13:15
哦，看起来我是学不会了，看到复杂的就蒙

JS毕竟已经属于编程了，入门容易深造难

马黑黑 发表于 2022-1-14 17:39

上海朝阳 发表于 2022-1-14 16:15
如果这个开关可以独立出现，那可以和散文图片合作，做成背景音乐了。

这应该不成问题

红影 发表于 2022-1-14 21:43

马黑黑 发表于 2022-1-14 17:38
JS毕竟已经属于编程了，入门容易深造难

去看了主楼代码，后面那串挺复杂。

马黑黑 发表于 2022-1-14 22:30

红影 发表于 2022-1-14 21:43
去看了主楼代码，后面那串挺复杂。

有空我做个不绕弯的，就简单了

红影 发表于 2022-1-14 23:05

马黑黑 发表于 2022-1-14 22:30
有空我做个不绕弯的，就简单了

好啊，期待着{:4_204:}

马黑黑 发表于 2022-1-14 23:09

红影 发表于 2022-1-14 23:05
好啊，期待着

明天吧

红影 发表于 2022-1-15 19:43

马黑黑 发表于 2022-1-14 23:09
明天吧

看到了相关的两个帖子，那两个帖子基本把这里的后面那段功能介绍清楚了{:4_187:}

马黑黑 发表于 2022-1-15 19:45

红影 发表于 2022-1-15 19:43
看到了相关的两个帖子，那两个帖子基本把这里的后面那段功能介绍清楚了

额，不错

红影 发表于 2022-1-15 20:36

马黑黑 发表于 2022-1-15 19:45
额，不错

黑黑辛苦了{:4_187:}

马黑黑 发表于 2022-1-15 20:46

红影 发表于 2022-1-15 20:36
黑黑辛苦了

哪里哪里

小辣椒 发表于 2022-1-15 22:03

马黑黑 发表于 2022-1-13 14:37
这个能够很好工作。人工按钮可以控制播放与暂停。但是：

JS是以嵌入HTML代码的方式完成的，独使用script ...

黑黑客气了，音乐你尽管用
页: [1] 2 3 4
查看完整版本: 音乐的播放与暂停（测试）