首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Ionic 3上录制和播放音频

在Ionic 3上录制和播放音频
EN

Stack Overflow用户
提问于 2017-07-21 03:03:43
回答 2查看 3.3K关注 0票数 1

我在iOS上遇到了一个奇怪的问题。

我正在使用Ionic Native Media插件录制音频,并尝试使用HTML5 Web audio API (WavesurferJS或HowlerJS)播放录制的内容。在我录制音频之后,如果我尝试立即播放录制的音频,音频将不会播放,但如果我关闭应用程序,然后重新打开它,音频将正常播放。

HowlerJS抛出的错误是“解码音频时出错”。我的想法是原生媒体插件没有完全释放文件,因此没有授予HowlerJS读取音频数据的权限。

任何想法或方向都是值得感谢的。

EN

回答 2

Stack Overflow用户

发布于 2017-07-22 01:44:24

https://github.com/ionic-team/ionic-native/blob/master/src/%40ionic-native/plugins/media/index.ts -在评论中提及内容..

代码语言:javascript
复制
 * Some hints if you are using iOS and recording doesn't work:
 * 1.) Try to use a absolute file path but remove beginning "file://".
 * Then it looks like: `/var/mobile/Containers/Data/Application/AF438B8B-7724-4FBB-8E69-083463224FC4/tmp/my_file.m4a`
 * Example: `this.media.create(this.file.tempDirectory.replace(/^file:\/\//, '') + 'my_file.m4a')`
 * 2.) If that's not working, too, create the file before using.
 * Example:
 * ```typescript
 * import { Media, MediaObject } from '@ionic-native/media';
 * import { File } from '@ionic-native/file';
 *
 * ...
 *
 * constructor(private media: Media, private file: File) { }
 *
 * ...
 *
 * this.file.createFile(this.file.tempDirectory, 'my_file.m4a', true).then(() => {
 *   let file = this.media.create(this.file.tempDirectory.replace(/^file:\/\//, '') + 'my_file.m4a');
 *   file.startRecord();
 *   window.setTimeout(() => file.stopRecord(), 10000);
 * });
 * ```
 *
 * You can find the reasons here: https://github.com/ionic-team/ionic-native/issues/1452#issuecomment-299605906
 * @classes
 * MediaObject
 * @interfaces
 * MediaError
 */
票数 0
EN

Stack Overflow用户

发布于 2017-08-26 16:37:53

使用Cordova插件媒体:

代码语言:javascript
复制
$ ionic cordova plugin add cordova-plugin-media
$ npm install --save @ionic-native/media

来自ionic文档的有用文章:

https://ionicframework.com/docs/native/media/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45223253

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档