diff --git a/apps/common-app/src/examples/AudioTag/AudioTag.tsx b/apps/common-app/src/examples/AudioTag/AudioTag.tsx index cea8d89df..99e4876cc 100644 --- a/apps/common-app/src/examples/AudioTag/AudioTag.tsx +++ b/apps/common-app/src/examples/AudioTag/AudioTag.tsx @@ -1,15 +1,26 @@ -import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'; +import React, { + useCallback, + useEffect, + useMemo, + useRef, + useState, +} from 'react'; import { Text, useWindowDimensions, View } from 'react-native'; import { Audio, AudioTagHandle, } from 'react-native-audio-api/development/react'; -import { AudioContext, BiquadFilterNode, MediaElementAudioSourceNode } from 'react-native-audio-api'; +import { + AudioContext, + BiquadFilterNode, + MediaElementAudioSourceNode, +} from 'react-native-audio-api'; import { Button, Container, Slider, Spacer } from '../../components'; // const DEMO_AUDIO_URL = 'https://filesamples.com/samples/audio/m4a/sample4.m4a'; -const DEMO_AUDIO_URL = 'https://filesamples.com/samples/audio/mp3/sample4.mp3'; +const DEMO_AUDIO_URL = 'https://liveradio.timesa.pl/2980-1.aac/playlist.m3u8'; +// const DEMO_AUDIO_URL = 'https://filesamples.com/samples/audio/mp3/sample4.mp3'; const AudioTag: React.FC = () => { const { width: screenWidth } = useWindowDimensions(); @@ -27,7 +38,9 @@ const AudioTag: React.FC = () => { } const ctx = audioContextRef.current; - mediaElementSourceRef.current = ctx.createMediaElementSource(audioRef.current); + mediaElementSourceRef.current = ctx.createMediaElementSource( + audioRef.current + ); biquadRef.current = ctx.createBiquadFilter(); biquadRef.current.type = 'lowpass'; @@ -63,12 +76,9 @@ const AudioTag: React.FC = () => { const handleError = useCallback((error: Error) => { // console.log('onError', error); }, []); - const handlePositionChange = useCallback( - (seconds: number) => { - // console.log('onPositionChange', seconds); - }, - [] - ); + const handlePositionChange = useCallback((seconds: number) => { + // console.log('onPositionChange', seconds); + }, []); const handleEnded = useCallback(() => { // console.log('onEnded'); }, []); @@ -78,12 +88,9 @@ const AudioTag: React.FC = () => { const handlePause = useCallback(() => { // console.log('onPause'); }, []); - const handleVolumeEvent = useCallback( - (volume: number) => { - // console.log('onVolumeChange', volume); - }, - [] - ); + const handleVolumeEvent = useCallback((volume: number) => { + // console.log('onVolumeChange', volume); + }, []); const audioTagElement = useMemo( () => ( diff --git a/apps/common-app/src/examples/Streaming/Streaming.tsx b/apps/common-app/src/examples/Streaming/Streaming.tsx deleted file mode 100644 index ab0393004..000000000 --- a/apps/common-app/src/examples/Streaming/Streaming.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import React, { FC, useEffect, useRef } from 'react'; -import { AudioContext, GainNode, StreamerNode } from 'react-native-audio-api'; - -import { View } from 'react-native'; -import { Button, Container } from '../../components'; - -const SAMPLE_RATE = 44100; - -const Streaming: FC = () => { - const streamerRef = useRef(null); - const aCtxRef = useRef(null); - const gainRef = useRef(null); - - useEffect(() => { - const actx = new AudioContext({ sampleRate: SAMPLE_RATE }); - aCtxRef.current = actx; - gainRef.current = actx.createGain(); - return () => { - aCtxRef.current?.close(); - streamerRef.current?.stop(); - }; - }, []); - - const startStreaming = () => { - if (!aCtxRef.current || !gainRef.current) { - console.error('AudioContext or gain or streamer is not initialized'); - return; - } - if (streamerRef.current) { - console.error('StreamerNode is already initialized'); - return; - } - streamerRef.current = aCtxRef.current.createStreamer('https://liveradio.timesa.pl/2980-1.aac/playlist.m3u8'); - - streamerRef.current.connect(gainRef.current); - gainRef.current.connect(aCtxRef.current.destination); - streamerRef.current.start(aCtxRef.current.currentTime); - }; - - const stopStreaming = () => { - if (streamerRef.current) { - streamerRef.current.stop(aCtxRef.current!.currentTime); - streamerRef.current = null; - } else { - console.error('StreamerNode is not initialized'); - } - }; - - return ( - - -