JS Animated. 如何使用“RD音频播放器”插件
April 21, 2016
我们的支持团队准备为您提供一个新的教程,展示如何使用 RD音频播放器 in 网站模板.
JS Animated. 如何使用“RD音频播放器”插件这个播放器很容易使用,不 javascript 需要进行文件编辑. 为了使用它,请参考以下步骤:
-
Connect to your FTP or open File manager tool of your Hosting cPanel 访问站点文件.
-
Open the page .html 文件查找 RD Audio section.
-
现在,您可以开始编辑播放列表本身. 以下是音频及其控制部分:
正如你所看到的,下面所有的按钮和项目都有评论,告诉你每个按钮和项目的目的. 即使没有注释,按钮也会被标记为特定的类,比如 rd-audio-prev, rd-audio-next.
-
您还可以添加或删除进度条和编辑轨道持续时间. 下面你可以看到类的完整列表,可以添加到特定的项目:
- rd-audio-prev -“上一步”按钮
- rd-audio-next -“下一步”按钮
- rd-audio-play-pause -“播放”按钮
- rd-audio-stop -“停止”按钮
- rd-audio-progress-bar -进度条
- rd-audio-progress-bar -slider -进度条上的控件
- rd-audio-duration 音轨的持续时间
- rd-audio-current-time -音轨上的当前位置
- rd-audio-title -音轨标题
- rd-audio-author -音轨作者
- rd-audio-volume – mute button
- rd-audio-volume-bar – volume bar
- rd-audio-volume-bar -slider -音量栏上的控件
- rd-audio-playlist – the playlist
您可以为播放列表设置自己的标题. 它将显示在您的 website. 您还可以指定歌曲的数据:标题、作者等.
-
文件中指定音频文件的路径 “data-rd-audio-src” attribute. So, 首先将音频文件上传到服务器上的“音频”文件夹,然后将文件路径粘贴到播放列表中. 最好不要在文件标题中使用空格.
-
通过复制现有歌曲的代码,可以很容易地添加新歌. 完成编辑后保存更改,并随时检查您的 website:
现在你知道如何管理播放列表,创建,使用RD音频播放器 plugin. 请随时查看下面的详细视频教程:
JS Animated. 如何使用“RD音频播放器”插件