• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

【声音工厂】微信小程序开发记录 声音播放操作

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

以下js 实现了微信小程序播放 停止 暂停等 音频播放。

import { formatTime } from "./index";

/**
     * 通用声音播放器
     * @param url 音频路径
     * @param onComplete 播放完成回调
     */
export function play(url, onComplete) {
        //this.
        if (_isVoice(url)) {
            if (_isLocalFile(url)) {
                //播放本地文件
                _playVoice(url, onComplete);
            } else {
                //下载到本地并播放
                _download(url).then(
                    localPath => {this._playVoice(localPath, onComplete);},//下载成功
                    fail => {onComplete()}//下载失败
                );
            }
        } else {
            //播放在线音频
            _playAudio(url, onComplete);
        }
    }

    /**
     * 通用声音停止
     */
    export function stop() {
        console.log("停止")
        _stopAudio();
        _stopVoice();
    }

    /**
     * 播放在线声音
     * @param url
     * @param onComplete
     */
    function _playAudio(url, onComplete = () => {}) {
        wx.onBackgroundAudioStop(() => {});
        wx.stopBackgroundAudio({
            complete(){
                wx.playBackgroundAudio({
                    dataUrl: url
                });
                wx.onBackgroundAudioStop(() => {
                    onComplete();
                    wx.onBackgroundAudioStop(() => {});//防止单独掉微信playBackgroundAudio接口时再次回调
                });
            }
        });
    }

    /**
     * 停止播放在线声音
     */
    function _stopAudio() {
        //wx.onBackgroundAudioStop(() => {});
        //wx.stopBackgroundAudio();
      var BackgroundAudioManager = wx.getBackgroundAudioManager();
      BackgroundAudioManager.stop();
    }

    /**
     * 播放本地语音
     * @param recordUrl
     * @param onComplete
     */
    function _playVoice(recordUrl, onComplete = () => {}) {
        wx.stopVoice({
            complete(){
                setTimeout(function () {
                    wx.playVoice({
                        filePath: recordUrl,
                        complete(){
                            onComplete();
                        }
                    });
                }, 500);//设置延迟以防两个音频同时放时回调冲突
            }
        })
    }

    /**
     * 停止播放本地语音
     */
    function _stopVoice() {
        wx.stopVoice();
    }

    function _isVoice(url) {
        return url.endsWith(".silk");
    }
    function _isLocalFile(url) {
        return url.startsWith("wxfile:")
    }
    function _download(url) {
        return new Promise((resolve, reject) => {
            wx.downloadFile({
                url: url,
                success(res) {
                    resolve(res.tempFilePath);
                },
                fail(res){
                    reject(res);
                }
            })
        });
    }

export default {
  play: play,
  stop: stop
}

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap