react-player - A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

  •        113

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, and DailyMotion. Not using React? No problem. The component parses a URL and loads in the appropriate markup and external SDKs to play media from various sources. Props can be passed in to control playback and react to events such as buffering or media ending. See the demo source for a full example.

https://github.com/CookPete/react-player

Dependencies:

deepmerge : ^2.0.1
load-script : ^1.0.0
prop-types : ^15.5.6

Tags
Implementation
License
Platform

   




Related Projects

react-video - 🎞 React component to load video from Vimeo or Youtube across any device.

  •    Javascript

A pretty good and effective way to create a video placeholder from Youtube or Vimeo using a high-res image. If you don't know, when an <iframe> is rendered from browser, it blocks its parse because it isn't a non-blocking script. This isn't so good to your user, no?. With this react component, the <iframe> just will be loaded when the user click on play. NOTICE: You need just one thing to make the component work. Put the base component style at the <header> tag. If you don't wanna use the .css extension, you can get the .styl or .scss extension at the folder ./lib.

react-native-youtube - A <YouTube/> component for React Native.

  •    Objective-C

A <YouTube /> component for React Native. Uses Google's official youtube-ios-player-helper for iOS and YouTube Android Player API for Android and exposes much of the API, as declaratively as possible, into React Native.

react-native-track-player - A fully fledged audio module created for music apps

  •    Java

Check Platform Support for more information. After trying to team up modules like react-native-sound, react-native-music-controls and react-native-google-cast, I've noticed that their structure and the way should be tied together can cause a lot problems (mainly on Android). Those can heavily affect the app stability and user experience.


PiPTool - Add the Picture-in-Picture Functionality to YouTube, Netflix, Plex and other video broadcasting services in macOS Sierra

  •    Javascript

PiPTool is a Safari 10 extension built to add the Picture-in-Picture functionality to the video players that do not have it implemented. For example, YouTube or DailyMotion don't have the default HTML5 video player, so Safari cannot add the PiP button. This is where PiP Tool comes in place.

clappr - :clapper: An extensible media player for the web.

  •    Javascript

Test it at cdn.clappr.io. You can re-use some vendors used internally, for instance you can use Kibo through Clappr.Vendor.Kibo.

react-native-audio-streaming - iOS & Android react native module to play an audio stream, with background support and media controls

  •    Java

react-native-audio-streaming is not maintained anymore. The main purpose was to play shoutcast streams with meta data and display a notification while playing. If you are only looking to play local audio file with app in foreground, please see other audio libs.

react-native-doc-viewer - React Native Doc Viewer (Supports file formats: xls,ppt,doc,xlsx,pptx,csv,docx,png,jpg,pdf,xml,binary

  •    Objective-C

React Native Native Module Bridge Quicklock Document Viewer for IOS + Android supports pdf, png, jpg, xls, ppt, doc, docx, pptx, xlx + Video Player mp4 supported

Videojs - HTML5 & Flash video player

  •    Javascript

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 and Flash video, as well as YouTube and Vimeo (through plugins). It supports video playback on desktops and mobile devices. It is an extendable framework/library around the native video element. It unifies the native video API across browsers.

ExoPlayer - Media Player for Android

  •    Java

ExoPlayer is an application level media player for Android. It provides an alternative to Android’s MediaPlayer API for playing audio and video both locally and over the internet. ExoPlayer supports features not currently supported by Android’s MediaPlayer API (as of KitKat), including DASH and SmoothStreaming adaptive playbacks, persistent caching and custom renderers.

rx-player - Smooth/DASH HTML5 Video Player

  •    TypeScript

The Rx-player is a library implementing a DASH and Microsoft Smooth Streaming video player directly on the browser, without plugins. It relies on HTML5 Media Source Extensions and Encrypted Media extensions and is written in TypeScript, a superset of JavaScript. It is currently used in production for premium services and targets several devices, such as computers, phones, but also set-top-boxes, smart TVs and other peculiar environments.

react-native-facebook-login - React Native component wrapping the native Facebook SDK login button and manager

  •    Objective-C

<FBLogin /> provides a React Native component wrapping the native Facebook SDK login button and manager. Note: Demo above includes debug text to confirm login (i.e. user name, email and access token). <FBLogin />, by default, will only display the native blue 'Log in with Facebook' button.

react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native https://github

  •    Objective-C

Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.