简介
在React Native开发中,我们经常需要使用声音来交互。React Native Play Sound是一个npm包,可用于播放MP3文件,提供全面的API来控制音频。在本文中,我们将学习如何在React Native项目中使用React Native Play Sound。
安装
您可以使用npm或yarn来安装React Native Play Sound,例如:
npm install react-native-play-sound
yarn add react-native-play-sound
使用
在您的React Native项目中,您需要引入React Native Play Sound。
import Sound from 'react-native-play-sound';
播放声音
Sound.enableInSilenceMode(true); Sound.play('audio.mp3');
这里我们使用enableInSilenceMode
来开启播放器在静音模式下播放音频,然后播放名为audio.mp3
的音频文件。如果您的音频文件在项目中的其他位置,则可以使用相对或绝对路径来播放它。
暂停和继续播放
Sound.pause(); Sound.resume();
您可以使用上面的API来暂停和继续播放音频。
停止播放
Sound.stop();
您可以调用stop
方法停止当前正在播放的音频。
监听事件
Sound.on('ended', (success) => { console.log('播放完毕!'); });
您可以使用on
方法来监听播放器事件。在上面的代码中,我们监听ended
事件,当音频播放完毕时,控制台将打印一条消息。
销毁播放器
Sound.destroy();
如果您不需要播放器了,您可以调用destroy
方法来销毁它。
示例代码
-- -------------------- ---- ------- ------ ------ ----------- ---- -------- ------ ----- ---- -------------------------- ------ ------ ----- ----------------- ---- --------------- -------------------------------- ----- --- - -- -- - ------------ -- - ------------------------ ----------------- --------- -- - --------------------- --- ------ -- -- - ---------------- -- -- ---- ----- ----- - -- -- - -------------- -- ----- ------ - -- -- - --------------- -- ----- ---- - -- -- - ------------- -- ------ - ------ ------------------- ----- ---------------------- -------- ----------------- ---------------- --------------- ------------------- ----------------- ----------------- --------------- ------------------- ----------------- --------------- --------------- ------------------- ------- ------- -- -- ------ ------- ----
结论
本教程介绍了如何在React Native项目中使用npm包React Native Play Sound来播放MP3文件以及控制音频。在本实例中,我们使用enableInSilenceMode
来开启播放器在静音模式下播放音频并监听事件。我们还学习了如何暂停、继续和停止音频,并最终销毁播放器。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60057ae581e8991b448eb6ad