1. 添加音乐
1.1 在文章页面添加音乐
在美篇的文章编辑页面有一个“音乐”选项,点击进入后即可添加音乐。步骤如下:
1、在文章编辑界面,定位到“音乐”选项位置,并点击“添加音乐”按钮。
2、在弹出的扩展窗口中,输入你想要添加的音乐名称或者歌手名字,选择你需要的歌曲,并点击“确定”按钮即可。
3、等待音乐的上传,上传成功后即可在文章页面看到音乐播放器。
1.2 在文库添加音乐
如果你在文库中写作,你也可以在文库的编辑页面添加音乐。添加音乐的方法与在文章页面添加音乐完全一致。步骤如下:
1、在文库编辑界面,定位到“音乐”选项位置,并点击“添加音乐”按钮。
2、在弹出的扩展窗口中,选择你需要的歌曲,并点击“确定”按钮即可。
3、等待音乐的上传,上传成功后即可在文库页面看到音乐播放器。
2. 自动播放音乐
2.1 隐藏播放器
在美篇中,一般情况下是需要手动点击播放器的“播放”按钮才能播放音乐的。但是,在有些时候,我们希望能够自动播放音乐,这时,我们可以通过隐藏播放器来实现。即在文章或者文库页面,加上以下代码:
```
.mp3-player{
display:none;
}
```
这段代码的作用就是将音乐播放器隐藏起来,这样就会自动播放音乐了。
2.2 通过js实现
我们在美篇中添加音乐时,其实是通过一个音乐播放器来进行控制的。如果我们想要实现自动播放音乐,也可以通过js来控制音乐播放器。具体实现方法如下:
1、在文章或者文库页面的头部添加如下代码:
```
$(function(){
$("audio")[0].play();
});
```
这段代码的作用是在页面加载完成后,自动播放音乐。
2、如果文章或者文库中有多个音乐文件,可以在代码中再加入一些限制条件,实现自动播放指定音乐。代码如下:
```
$(function(){
$(".mp3-player:contains(音乐名称) audio")[0].play();
});
```
这段代码的作用是加载页面后查找名字中包含“音乐名称”的音乐播放器,并自动播放。
总结
在美篇中,添加音乐并自动播放音乐是非常方便的。通过以上介绍的方法,你可以轻松的实现音乐的自动播放,并让你的文章变得更加生动有趣,让你的读者更加喜欢你的文章。