react-native-audio-api

import React, { useEffect, useState } from 'react'; import { View, Button, Text, Alert } from 'react-native'; import { AudioContext, OscillatorNode, GainNode, AudioDestinationNode, AudioManager } from 'react-native-audio-api'; import { requestMultiple, PERMISSIONS, RESULTS } from 'react-native-permissions'; const AudioPlayer = () => { const [context, setContext] = useState<AudioContext | null>(null); const [oscillator, setOscillator] = useState<OscillatorNode | null>(null); const [isPlaying, setIsPlaying] = useState(false); const requestPermissions = async () => { const results = await requestMultiple([PERMISSIONS.IOS.MICROPHONE, PERMISSIONS.ANDROID.RECORD_AUDIO]); if (results[PERMISSIONS.IOS.MICROPHONE] === RESULTS.GRANTED || results[PERMISSIONS.ANDROID.RECORD_AUDIO] === RESULTS.GRANTED) { console.log('Microphone permission granted'); } else { Alert.alert('Permission Denied', 'Microphone permission is required for some audio features.'); } }; useEffect(() => { requestPermissions(); const initAudio = async () => { try { const newContext = new AudioContext(); await newContext.start(); const newOscillator = new OscillatorNode(newContext); newOscillator.frequency.value = 440; // A4 note newOscillator.type = 'sine'; const gainNode = new GainNode(newContext); gainNode.gain.value = 0.5; const destination = new AudioDestinationNode(newContext); newOscillator.connect(gainNode); gainNode.connect(destination); setContext(newContext); setOscillator(newOscillator); } catch (error) { console.error('Failed to initialize audio context:', error); } }; initAudio(); return () => { context?.close(); }; }, []); const togglePlayback = async () => { if (!context || !oscillator) return; if (isPlaying) { oscillator.stop(); setIsPlaying(false); } else { // Oscillators can only be started once, so create a new one each time const newOscillator = new OscillatorNode(context); newOscillator.frequency.value = 440; newOscillator.type = 'sine'; const gainNode = new GainNode(context); gainNode.gain.value = 0.5; const destination = new AudioDestinationNode(context); newOscillator.connect(gainNode); gainNode.connect(destination); newOscillator.start(); setOscillator(newOscillator); setIsPlaying(true); } }; if (!context) { return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Text>Loading Audio Engine...</Text> </View> ); } return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Text style={{ fontSize: 24, marginBottom: 20 }}>Simple Sine Wave Generator</Text> <Button title={isPlaying ? 'Stop Sine Wave' : 'Start Sine Wave'} onPress={togglePlayback} /> <Button title="Request Permissions" onPress={requestPermissions} /> </View> ); }; export default AudioPlayer;