react_native_audio_volume_boost_play_remote_mp3.ts

1import React, { useEffect } from 'react';
2import { StyleSheet, View, Button, SafeAreaView } from 'react-native';
3import AudioVolumeBoost from 'react-native-audio-volume-boost';
4
5const App = () => {
6  useEffect(() => {
7    // Initialize the audio session or prepare resources if required by the OS
8    return () => {
9      // Clean up: stop playback when the component unmounts
10      AudioVolumeBoost.stop();
11    };
12  }, []);
13
14  const handlePlayAudio = () => {
15    const audioUrl = 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3';
16    const volumeMultiplier = 2.0; // Boost volume by 2x (Range: 1.0 to 10.0)
17
18    // Play the audio with the specified boost
19    AudioVolumeBoost.play(audioUrl, volumeMultiplier);
20  };
21
22  const handleStopAudio = () => {
23    AudioVolumeBoost.stop();
24  };
25
26  return (
27    <SafeAreaView style={styles.container}>
28      <View style={styles.buttonContainer}>
29        <Button title="Play with 2x Boost" onPress={handlePlayAudio} color="#1DB954" />
30        <View style={styles.spacer} />
31        <Button title="Stop Audio" onPress={handleStopAudio} color="#FF5252" />
32      </View>
33    </SafeAreaView>
34  );
35};
36
37const styles = StyleSheet.create({
38  container: {
39    flex: 1,
40    justifyContent: 'center',
41    backgroundColor: '#F5FCFF',
42  },
43  buttonContainer: {
44    paddingHorizontal: 20,
45  },
46  spacer: {
47    height: 20,
48  },
49});
50
51export default App;