DefineX-Studios / MasjidBuddy

Application that provides a platform for local masjids to provide services online.

MIT License

0 stars 0 forks source link

Audio Player Screen #31

Open electr0de opened 6 months ago

electr0de commented 6 months ago

Common Setup

[x] Set up a test server that streams audio.
[x] Implement an audio player using react native sound player and play the audio with the stream link.

Live audio player component:

[ ] #46
[ ] Implement a progress slider with live streaming support.
[ ] Add title bar and name of the masjid as authors, text location for other descriptions like names of speakers, etc.

electr0de commented 3 months ago

Set up a test server that streams audio. Update: Setup test server using butt to record and encode the audio and transfer to icecast and rocket streaming audio server that supports HLS. HLS is the protocol that will be used for streaming.

Supabase supports real-time data streaming and multiplayer through their Realtime module in an event-based architecture.

electr0de commented 3 months ago

Implement an audio player using react native sound player and play the audio with the stream link. Update: React-native track player supports various streaming protocols including live streaming, will use it going forward.

React native sound player, react native audio and expo audio don't support streaming natively. react-native-track seems to be the last hope, if not, a system built from scratch is necessary, using expo audio. Advantages of scratch build: Video can be considered from get-go. Disadvantages: WIll take a long time.

electr0de commented 3 months ago

Implement a progress slider with live streaming support. React native slider works well with state variables changing its length accordingly

electr0de commented 1 month ago

Will continue after backend is finished