RN项目笔记(四)使用react-native-sound,IOS声音出不来

最新推荐文章于 2023-04-12 21:34:54 发布
最新推荐文章于 2023-04-12 21:34:54 发布
阅读量631 收藏
点赞数 1
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanhuomatou2015/article/details/118578212
版权

一.问题描述

最近做的项目有个播放音频的需求，于是使用了react-native-sound插件，插件的安装以及使用github上都有详细的说明，
插件的GitHub地址
在这就不详细介绍了。主要想描述下使用后出现的问题：在android上能正常播放出声音，但在ios上运行声音出不来。

二.问题的根本原因

深究react-native-sound的源码，发现ios声音出不来的根本原因是react-native-sound在构造AVAudioPlayer的时候，把AVAudioPlayer作为局部变量返回，导致声音出不来！

三.解决ios声音出不来的问题

思路：用RN去调ios原生代码，把AVAudioPlayer作为全局变量
3.1 RN去调ios原生
在这里插入图片描述
3.2 ios原生代码
在这里插入图片描述
在这里插入图片描述

要想成为资深的RN开发，了解ios，了解android是非常有必要的，至少当用js代码解决不了问题的时候，可以用IOS代码，Android代码解决。

今天的分享结束了，再见~

文质彬_已然未然
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-sound-player：在ReactNative中播放声音文件
02-05
React本地声音播放器 使用ReactNative播放音频文件，从URL流音频。 安装 1. yarn或npm // yarn yarn add react-native-sound-player // or npm npm install --save react-native-sound-player 2.连结 对于RN> = 0.60，您可以跳过此步骤。 react-native link react-native-sound-player 用法 播放带有文件名和类型的声音 将声音文件添加到iOS / Android。 在iOS上，将声音文件拖
react-native-audioplayer:小型音频播放器库，用于本地响应
04-07
react-native-audioplayer 小型音频播放器库，用于本地响应 ＃＃安装 首先，您需要安装react-native-audioplayer： npm install react - native - audioplayer -- save 安装（iOS） 在XCode中，在项目导航器中，右键单击“库”➜将文件添加到[您的项目名称]➜转到node_modules➜react-native-audioplayer并添加.xcodeproj文件 在XCode的项目导航器中，选择您的项目。 将audio * player项目中的lib * .a添加到项目的Build Phases➜Link Binary With Libraries。 然后，在项目导航器中单击之前添加的.xcodeproj文件，然后转到“构建设置”选项卡。 确保已打开“全部”（而不是“基本”）。 查找标题搜
RN痛点-react-native-sound某天不能播放了
小漠007的专栏
02-12 1292
用了RN半年了，项目磕磕绊绊的一路走过来。 虽然依旧对目前的代码不满意，毕竟它跑起来了，并且商用4到5个月了，还行，毕竟从纯web走到移动端也是很大进步。 今天写这个博客呢，主要记录下一个很重要的问题，RN第三方库互相影响。 按理来说不应该出现这个问题，或者说不常见。因为rn第三方库都是npm包，都是使用ES6 import的方式引入的所有变量啥的都是局部变量。 目前，我在这个项目遇到了2...
React Native 曲目播放器：完整指南
分享身边生活经验blog
04-12 1200
或者，您可以使用库来播放音乐并使用 JavaScript 自己处理播放列表——然后，您将必须为基于事件的整个播放列表队列实现编写代码。如果您计划使用 React Native 构建一个音频播放器，您无疑需要一个播放列表实现，其中包括一个可管理的音乐曲目队列，该队列对用户可见或作为后台服务运行以按特定顺序播放音乐曲目。为简单起见，在本教程中，我们将在我们的文件中开发所有组件，但请确保在开发生产级应用程序时将您的应用程序正确分解为单独的源文件。现在，我们将使用上述函数为我们的音乐播放器添加一个控制框。
react-native 安卓端使用 react-native-sound播放有时候会没声音
weixin_58188743的博客
02-15 429
react-native
react-native-sound:React Native模块用于播放声音片段
04-06
React-native-sound不支持流传输。 有关更多信息，请参见 。 当然，如果有人愿意接受此举，我们将欢迎公关。 在iOS中，该库使用而不是 。 特征 的iOS 安卓 视窗 从应用程序包加载声音 ✓ ✓ ✓ 从其他目录加载...
react-native-permissions:适用于iOS和Android上React Native的统一权限API
04-13
仅支持内部版本18362和更高版本）支持版本React本机版本Xcode版本3.0.0+ 0.63.0+ 12岁以上设置$ npm install --save react-native-permissions# --- or ---$ yarn add react-native-permissions的iOS 默认情况下，未...
react-native-pedometer:iOS CMPedometer支持react-native
05-11
导航到node_modules / react-native-pedometer 。 添加文件RNPedometer.xcodeproj 。 在项目浏览器中，选择您的项目。 单击构建目标。 单击构建阶段。 用库扩展链接二进制文件。 单击加号按钮，然后在Workspace下...
react-native-device-brightness:ReactNative iOS 和 Android 的屏幕亮度调整工具
05-29
React本机设备亮度 适用于ReactNative iOS和Android的屏幕亮度调整工具。 安装 npm install --save ... react-native-device-brightness尚不支持旧版本的React Native。 手动连结 iOS（没有可可豆荚） 在XCode中
react-native-sound使用----React Native 播放声音
路人乙丶的博客
03-12 1万+
老规矩，还是先添加依赖： npm install react-native-sound react-native link react-native-sound 方法介绍 // 加载声音文件 let musciPath = require('../../src/sound/1.mp3'); // 匹配的格式挺多的.... var music = new Sound...
ReactNative实现音乐播放
08-11
React Native 实现音乐播放
react-native-sound-playerview:使用 react-native-sound 和 react-navigation 的音频播放器视图
08-04
React原生声音播放器 使用和react-navigation iOS/Android 音频播放器视图 入门 $ npm install react-native-sound-playerview 步骤 1. 使用react-navigation注册 Screen import {StackNavigator} from 'react-navigation'; import PlayerScreen from 'react-native-sound-playerview' ... const Navigation = StackNavigator({ ... player:{screen:PlayerScreen}, ... }) ... 步骤 2. 导航到“react-native-sound-playerview” this.props.navig
react-reactsoundplayer利用React创建自定义SoundCloud播放器
08-15
react-soundplayer - 利用React创建自定义SoundCloud播放器
react-native音乐播放器
宏斌的博客
06-16 1359
android效果 react-native音乐播放 ios区别：加载动画使用了lottie，android遇到闪退问题，没有使用动画 功能： 拖拽卡片选择专辑，卡片向下拖动可移除，下一张替换，点击卡片进入音乐列表，有此专辑的信息展示，一个点击打开或关闭的介绍，关闭时会自动滚动到介绍头部， 音乐列表可点击播放对应音乐，点击左侧的播放图标功能一致，再次点击暂停音乐，再点击恢复播放，并用
react-native-sound ios使用踩坑记录
qq_23945345的博客
01-16 1479
安装 github地址：https://github.com/zmxv/react-native-sound 项目根目录 npm install react-native-sound --save 然后 react-native link react-native-sound 如果该步骤发生错误则 npm install -g react-native-cli ...
react native 实现本地录音、播放录音、删除录音功能，并调用接口上传录音文件
窝窝头的博客
06-09 4172
目录： 思路 安装中间件 获取录音权限、实现录音功能 调用接口，实现上传录音文件 思路 获取用户录音权限； 实现本地录音功能、播放录音（注意点：播放时，需要使用本地路径，而不是服务器地址）、删除录音 实现上传接口的封装，需要 formData 对象的格式 调用上传接口，实现录音上传 （使用的 fetch 请求接口） 具体步骤 1. 安装中间件 react-native-audio 和 react-native-sound 版本： "react": "16.8.3", "react-native":
React Native 之组件react-native-sound的使用
热门推荐
weixin_38289699的博客
04-13 1万+
1.在项目根目录下执行安装包下载 npm install react-native-sound --save 2.然后自动使用链接: react-native link react-native-sound 3.我自己是执行完以上两个步骤后查看了一下目录中相对的js配置文档,都是自动配置好的,但是以防意外,还是建议需要再核对一下 编辑android/setting
react-native 播放声音
多一份贡献,多一份环保
11-20 5337
在RN中如何播放远程的声音文件?或者本地的，在这里我们可以使用react-native-sound，经测试播放所有本地声音都没有问题，唯独无话播放远程的声音，在百度跟google都找不到相关的资料，作者的demo也是无法播放，经过不断的尝试能播放了。使用指南安装npm install react-native-sound #或者 yarn add react-native播放本地文件import S
react-native 音频播放
qq_40054213的博客
07-18 2158
react-native-sound 安装： 1、npm install react-native-sound 2、react-native link react-native-sound //建议使用手动link gihub地址：https://github.com/zmxv/react-native-sound 使用： 引入：im...
Android Studio使用react-native-sound
最新发布
09-16
Android Studio使用react-native-sound库是为了实现在React Native应用中播放音频的功能。react-native-sound是一个用于在React Native应用中处理音频文件的库。它允许你播放、暂停、停止和控制音频的音量。你可以在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值