A simple app showing how to make a YouTube Shorts/TikTok style video pager

Hi, asking for help on how to use with remote data

I have a video app where a user posts a video to firebase realtime db and then i have to fetch and display the videos

My repository for fetching videos

override suspend fun getVidoRandVideos(): Flow<FlowDataState<List>> { return realFire.getReference(firePath.getAllVideosPath()).also { it.keepSynced(true) } .limitToFirst(12) .awaitSingleValueEventList()

}

// getting the list of videos

override fun videoData(): Flow<List> { return flowOf(videoData) } override suspend fun getData() { getVidoRandVideos().collect { when (it) { is FlowDataState.Success -> { videoData = it.data } is FlowDataState.Error -> {

            }
        }
    }
}

How can use the VideoDataRepositories to fetch this data instead of hard coding it ?

interface VideoDataRepository { fun videoData(): Flow<List> }

class AssetVideoDataRepository : VideoDataRepository { override fun videoData(): Flow<List> { return flowOf(videoData) } companion object {

// DONT WANT TO HARD CODE BUT SHOULD FETCH FROM REMOTE DATASOURCE AND ALSO BE ABLE TO OBSERVE IN THE VIEWMODEL private val videoData = listOf( RemoteVideo("https://firebasestorage.googleapis.com/v0/b96c-5868-4a4b-a48e-c8e9f3dd7b13?alt=media&token=14a443fd-75e9-42a8-880e-5b8a6df5e0a2", description="#nice the best" , tags= mapOf(), duration=831, videoId="2c7effa1-319e-4073-948f-20543c60503b", dateCreated=1628120270055, likes=0, views=0, authorUid="loUXJN7p4WbzYke94eiRq7QK64Y2", totalCommentsSize=0), RemoteVideo("https://firebasestorage.googleapis.com/v0/boUXJN7p4WbzYke94eiRq7QK64Y2%2F699e8432-257a-4663-877e-9b29807d564f?alt=media&token=e5042726-2ec5-4d42-b8e4-23cf5169b780", description="#nice the best" , tags= mapOf(), duration=831, videoId="2c7effa1-319e-4073-948f-20543c60503b", dateCreated=1628120270055, likes=0, views=0, authorUid="loUXJN7p4WbzYke94eiRq7QK64Y2", totalCommentsSize=0), RemoteVideo("https://-3af2-44ed-8d1a-8b09134aaf07", description="#nice the best" , tags= mapOf(), duration=831, videoId="2c7effa1-319e-4073-948f-20543c60503b", dateCreated=1628120270055, likes=0, views=0, authorUid="loUXJN7p4WbzYke94eiRq7QK64Y2", totalCommentsSize=0), ) } }

first of all:Great code! I would like to display images and video in the same viewpager with a VideosViewHolder and an ImagesViewHolder. Please advise on how to go about this.

please make the kotlin / android project exoplayer play videos like youtube kids player ui

please take a look this: https://github.com/superbderrick/SummerPlayerView

this is a perfect example, could you please give a hint or instruction on the best way if I want to add a linear progress bar within every screen, with the MVI? thanks :)

Hello!

We would like to use your videopager library for our app in production. We did not find any license information anywhere. Would it be possible to use it and/or modify it in our codebase? Thanks!