更新记录
1.0.0(2025-04-10)
下载此版本
1.0.0 版本发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.96 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
组件说明 :
1. 英语音频播放
2. 英语音频内容高亮显示
3. 英语音频内容提示级翻译
本音频组件更适用于英语短文学习类程序,兼容H5,微信小程序,App,建议下载示例项目,避免因图片缺失引起报错,谢谢支持
音频播放,上下首切换,自动下一首播放,倍数播放
组件名:dj-audio
代码块: <dj-audio>
引入方式
uni_modules规范,无需引入
基本用法
示例
<dj-audio ref="audio" vid="0" :autoNext="true" :content="content"></dj-audio>
content: [{
"url": "/static/video/20250119232759_2530.mp3",
"text": "The Great Wall",
"fy": "\u957f\u57ce",
"section": true
}, {
"url": "/static/video/20250119232807_2210.mp3",
"text": "The Great Wall is a symbol of China's history and strength.",
"fy": "\u957f\u57ce\u662f\u4e2d\u56fd\u5386\u53f2\u548c\u529b\u91cf\u7684\u8c61\u5f81\u3002",
"section": true
}
],
API
form-select Props
参数 |
说明 |
类型 |
默认值 |
content |
数据源数组,支持形如[{url:'音频地址',text:'音频内容',fy:'音频翻译',section:是否换行}] 的格式 |
Array |
[] |
autoNext |
是否自动播放下一首 |
Boolean |
false |
BsNav |
音频倍数 支持形如[{id:0.8,bs:'0.8'},{id:1.0,bs:'1.0'}] ,目前只支持2个倍数的相互切换,如需更多请自行修改 |
Array |
请选择 |
最后
使用中有什么问题请及时反馈 谢谢 好用满意请发个好评谢谢!️