[Cocos Creator] 本地文件加载系列二：本地音频文件播放（web模式）

最新推荐文章于 2024-05-25 09:18:20 发布

GrimRaider

最新推荐文章于 2024-05-25 09:18:20 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： # TS # js cocoscreator

本文链接：https://blog.youkuaiyun.com/GrimRaider/article/details/106996283

js 同时被 3 个专栏收录

16 篇文章

订阅专栏

cocoscreator

14 篇文章

订阅专栏

13 篇文章

订阅专栏

本文详细介绍使用CocosCreator在本地加载音频文件的过程，通过TypeScript代码解析如何将本地文件读取为ArrayBuffer，并利用AudioContext解码播放音频。涵盖从文件读取到音频播放的完整步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本地文件加载：

[Cocos Creator] 本地文件加载系列一：本地文件读取

TS代码怼上

// 读取文件方法定义见前文
readLocalFile(localFile, READ_FILE_TYPE.ARRAYBUFFER, (result: string | ArrayBuffer) => {
            const audioCxt = new AudioContext()//创建音频上下文对象 内涵众多属性和方法
            audioCxt.decodeAudioData(result as ArrayBuffer, (buffer) => {
                var audioClip = new cc.AudioClip();
                audioClip['_setRawAsset']('', true);
                audioClip['_nativeAsset'] = buffer;
                audioClip.url = '';
                cc.audioEngine.playEffect(audioClip, loop);
            });
        });

参考：

https://www.cnblogs.com/wk-ba/p/11960710.html

https://cloud.tencent.com/developer/article/1554336

https://blog.youkuaiyun.com/qq_29484537/article/details/93667451

https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsArrayBuffer