Skip to content

ws18250840411/audio-mobile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

开发说明:

###不带旋转的例子用法:
# 1.在html结构里面加入:
```
<div id="audioContainer"></div>//这个元素主要用来存放audio的播放按钮样式以及位置
```  	
# 2.本插件是由原生js写的,所以不需要引入其他依赖库,只需要引入require('audio-mobile'),然后传入配置的参数即可。示例:
使用方式一:
```
var QkAudio = require('audio-mobile');//或者import QkAudio from 'audio-mobile'
var options = {
    "url": "./bgm.mp3",//音频地址
    "playicon": "https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/doc/pic/item/9213b07eca806538df3601ba92dda144ac3482bf.jpg",//播放图标
    "pauseicon": "https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/doc/pic/item/8ad4b31c8701a18bf9c3b6e69b2f07082838fe6b.jpg",//暂停播放图标
    "width":30,//播放按钮width
    "height":30//播放按钮height
}
var audios = new QkAudio(options);//实例化
```
方式二:
直接下载qkAudio.js,在项目里引入<script src="./qkAudio.js"></script>,然后实例化即可:
```
var audios = new QkAudio(options);//实例化
```


###带旋转的例子用法(zepto版本):
# 1.在html结构里面加入:
```
<div id="audioContainer"></div>//这个元素主要用来存放audio的播放按钮样式以及位置
```     
需要引入zepto.js,然后直接下载zepto.rotate.js,在项目里引入<script src="./zepto.rotate.js"></script>,然后实例化即可:
```
var options = {
    "url": "./bgm.mp3",//音频地址
    "playicon": "https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/doc/pic/item/9213b07eca806538df3601ba92dda144ac3482bf.jpg",//播放图标
    "pauseicon": "https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/doc/pic/item/8ad4b31c8701a18bf9c3b6e69b2f07082838fe6b.jpg",//暂停播放图标
    "width":30,//播放按钮width
    "height":30,//播放按钮height
    "isRotate": true, //是否旋转
    "speed":50 //旋转速度
}
var audios = new QKrotate(options);//实例化
```
##带旋转的例子用法(原生版本):
# 1.在html结构里面加入:
```
<div class="audios"></div>//这个元素主要用来存放audio的播放按钮样式以及位置
```     
然后直接下载QKrotate.js,在项目里引入<script src="./QKrotate.js"></script>,然后实例化即可:
```
var audios = new QKrotate(options);//实例化
 ```

联系方式

About

这是一个轻量级的原生js实现移动端兼容所有平台的播放器,可用于h5游戏开发或者微信小程序。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published