mirror of
https://github.com/p-stream/p-stream.git
synced 2026-03-31 10:38:39 +00:00
3ce5053af5
Add Featured Modal Removed Individual Carousels for each genre Recommended Carousel View More page for viewing all Improve several minor visuals Update search and navigation Full Commit Log: add more carousel skeleton dots bug fix and languages remove provider translations Add change button for recommended more content add buttons to moreContent page dropdown for changing recommended Increase genres and providers add home/search button to discover Update FeaturedCarousel.tsx fix recommended load more pages increase number of featured items clean up featured image fetch maybe fix ff bug? add dynamic blur to header Update Dropdown.tsx fix dropdown add recommended carousel animate dropdown fix some visuals random button fix padding reset timer when manually switching slides fix editor picks more titles add store for discover fix editor picks Update FeaturedCarousel.tsx add view more card move view more link update carousel buttons and dropdown finish 5 carousels use 5 carousels init carousel nav buttons update dropdown update featured sizing update blurs add clear blur to navigation update padding and sizing Update FeaturedCarousel.tsx add loading skeleton update discover navigation again simplify featured media Update SearchBar.tsx tweak some minor visual stuff fix button sizes update carousel gradient fix sticky fix safari overlay bug make search transparent use secondary buttons on featured fix up negative margins fix searching classes fix buttons because of the overlay make it shorter add featured section to home page add toggle for image logos fix details modal title overlay position clean up some buttons improve fed setup status check update grid Update FeaturedCarousel.tsx dont show more content for providers more stuff clean and bugfix update editor picks more content page Update DetailsModal.tsx more more more! shuffle editor picks discover update part 2 fix more info button init discover v3 |
||
|---|---|---|
| .. | ||
| atoms | ||
| base | ||
| display | ||
| hooks | ||
| internals | ||
| utils | ||
| index.tsx | ||
| Player.tsx | ||
| README.md | ||
Video player component
Video player is quite a complex component, so here is a rundown of all the parts
Composable parts
These parts can be used to build any shape of a video player.
/atoms- any ui element that controls the player. (Seekbar, Pause button, quality selection, etc)/base- base components that are used to build a player. Like the main container
internal parts
These parts are internally used, they aren't exported. Do not use them outside of player internals.
/display
The display interface, abstraction on how to actually play the content (e.g Video element, chrome casting, etc)
- It must be completely separate from any react code
- It must not interact with state, pass async data back with events
/internals
Internal components that are always rendered on every player.
- Only components that are always present on the player instance, they must never unmount
/utils
miscellaneous logic, put anything that is unique to the video player internals.
/hooks
Hooks only used for video player.
- only exception is usePlayer, as its used outside of the player to control the player
~/src/stores/player
State for the video player.
- Only parts related to the video player may utilize the state