开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 13192|回复: 3
收起左侧

[技术分享] uniapp单页面背景音乐实现

[复制链接]
发表于 2021-11-24 16:43:00 | 显示全部楼层 |阅读模式   广东省揭阳市
在script中构建实例:
[JavaScript] 纯文本查看 复制代码
const innerAudioContext = uni.createInnerAudioContext();

在data中定义一个变量用来控制是否选择停止播放
[JavaScript] 纯文本查看 复制代码
data() {
        return {
                lastRecord: ''
        }
}

在methods中定义方法
[JavaScript] 纯文本查看 复制代码
playVoice(url) { // url即为音频路径
        if (url) {
                // 判断路径是否已经被赋值,以及音频播放状态 !innerAudioContext.paused为正在播放
                if (this.lastRecord == url && !innerAudioContext.paused) {
                        innerAudioContext.stop();  // 停止
                        return;
                }
                this.lastRecord = url;                         // 将路径赋值给定义的变量好做判断
                innerAudioContext.src = url;          // 配置音频播放路径
                innerAudioContext.play();                // 播放
                innerAudioContext.loop = true        // 是否循环播放
        }
}

接下来直接在onLoad中调用
[JavaScript] 纯文本查看 复制代码
onLoad(){
        this.playVoice(音频路径)
}

发表于 2022-10-11 20:28:56 | 显示全部楼层   浙江省温州市
谢谢分享
回复 支持 反对

使用道具 举报

发表于 2021-11-29 07:40:06 | 显示全部楼层   辽宁省营口市
666666666666666666
回复 支持 反对

使用道具 举报

发表于 2021-11-27 15:30:17 | 显示全部楼层   四川省广安市
谢谢分享
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表