更新记录

1.0.0(2025-04-10) 下载此版本

1.0.0 版本发布


平台兼容性

Vue2 Vue3
×
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规范,无需引入

基本用法

示例

  • view代码
<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 请选择

最后

使用中有什么问题请及时反馈 谢谢 好用满意请发个好评谢谢!️

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问