Add support for MediaStream objects

Fixes cookpete/react-player#398
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

README.md

@@ -62,7 +62,7 @@ As of Chrome 66, [videos must be `muted` in order to play automatically](https:/
 
 Prop | Description | Default
 ---- | ----------- | -------
-`url` | The url of a video or song to play
+`url` | The url of a video or song to play<br/>&nbsp; ◦ &nbsp;Can be an [array](#multiple-sources-and-tracks) or [`MediaStream`](https://developer.mozilla.org/en-US/docs/Web/API/MediaStream) object
 `playing` | Set to `true` or `false` to pause or play the media | `false`
 `loop` | Set to `true` or `false` to loop the media | `false`
 `controls` | Set to `true` or `false` to display native player controls<br />&nbsp; ◦ &nbsp;Vimeo, Twitch and Wistia player will always display controls | `false`

src/players/FilePlayer.js

@@ -26,6 +26,9 @@ function canPlay (url) {
     }
     return false
   }
+  if (url instanceof window.MediaStream) {
+    return true
+  }
   return (
     AUDIO_EXTENSIONS.test(url) ||
     VIDEO_EXTENSIONS.test(url) ||
@@ -115,6 +118,13 @@ export class FilePlayer extends Component {
         this.dash.getDebug().setLogToBrowserConsole(false)
       })
     }
+    if (url instanceof window.MediaStream) {
+      try {
+        this.player.srcObject = url
+      } catch (e) {
+        this.player.src = window.URL.createObjectURL(url)
+      }
+    }
   }
   play () {
     const promise = this.player.play()
@@ -170,7 +180,7 @@ export class FilePlayer extends Component {
   getSource (url) {
     const useHLS = this.shouldUseHLS(url)
     const useDASH = this.shouldUseDASH(url)
-    if (url instanceof Array || useHLS || useDASH) {
+    if (url instanceof Array || url instanceof window.MediaStream || useHLS || useDASH) {
       return undefined
     }
     if (MATCH_DROPBOX_URL.test(url)) {

src/props.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 const { string, bool, number, array, oneOfType, shape, object, func } = PropTypes
 
 export const propTypes = {
-  url: oneOfType([ string, array ]),
+  url: oneOfType([ string, array, object ]),
   playing: bool,
   loop: bool,
   controls: bool,