2

这是我的一些代码：

<TouchableOpacity
       style={styles.button}
       onPress={this.onPress}
       >
       <Text> Play Sound </Text>
</TouchableOpacity>

我想编写一个函数“onPress”来播放.mp3 声音。我已经导入react-native-sound并准备好我的 .mp3 文件，我只是不知道调用 onPress 函数后如何播放声音。

4

3 回答 3

1

在我看来，如果你想听声音，你可以试试这个。语法 = 反应。 

Import Sound from "react-native-sound";

Sound.setCategory('Playback');
const whoosh = new Sound('whoosh.mp3', Sound.MAIN_BUNDLE, (error) => {

if (error) {
 console.log('failed to load the sound', error);
 return;
 };
whoosh.play((success) => {
  if (success) {
  console.log('successfully finished playing');
  } else {
   console.log('playback failed due to audio decoding errors');
   reset the player to its uninitialized state (android only)
   whoosh.reset();
}
于 2018-11-03T09:04:59.730 回答
0
  1. Npm install 'react-native-sound' 并链接到您的项目。

  2. 从 react-native-sound 导入声音

    从'react-native-sound'导入声音；

  3. 将您的 mp3 文件放入文件夹并提及路径：

    const requireAudio = require('./xyz.mp3');

  4. 将此代码放在“onPress”函数中。

    const s = new Sound(requireAudio, (e) => { if (e) { console.log('错误声音', e); return; } s.play(() => s.release()); });

于 2019-04-08T07:24:14.197 回答
0

最简单的方法是首先创建一个新实例，如 Follower。在构造函数中创建它以在组件挂载时加载它注意：请将您的 mp3 或 wav 文件放在 android/app/src/main/res/raw

const whoosh  = new Sound('swoosh.mp3', Sound.MAIN_BUNDLE);

只需在您的函数中调用它

whoosh.play()
于 2018-11-03T10:10:36.620 回答