react-video-renderer - npm Package Compare versions

Comparing version 2.4.2 to 2.4.3

dist/es2015/video.d.ts

 /// <reference types="react" />
 import * as React from 'react';
-import { Component, ReactNode, RefObject } from 'react';
+import { Component, ReactNode, SyntheticEvent, RefObject } from 'react';
 export declare type VideoStatus = 'playing' | 'paused' | 'errored';
@@ -36,3 +36,6 @@ export declare type VideoError = MediaError | null;
     preload?: string;
+    poster?: string;
     crossOrigin?: string;
+    onCanPlay?: (event: SyntheticEvent<SourceElement>) => void;
+    onError?: (event: SyntheticEvent<SourceElement>) => void;
 }
@@ -39,0 +42,0 @@ export interface VideoComponentState {

dist/es2015/video.js

@@ -57,2 +57,3 @@ var __extends = (this && this.__extends) || (function () {
         _this.onCanPlay = function (event) {
+            var onCanPlay = _this.props.onCanPlay;
             var video = event.target;
@@ -67,2 +68,3 @@ var _a = getVolumeFromVideo(video), volume = _a.volume, isMuted = _a.isMuted;
             });
+            onCanPlay && onCanPlay(event);
         };
@@ -123,2 +125,3 @@ _this.onPlay = function () {
         _this.onError = function (event) {
+            var onError = _this.props.onError;
             var video = event.target;
@@ -130,2 +133,3 @@ _this.setState({
             });
+            onError && onError(event);
         };
@@ -184,5 +188,5 @@ _this.onWaiting = function () {
         var _a = this, videoState = _a.videoState, actions = _a.actions;
-        var _b = this.props, sourceType = _b.sourceType, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin;
+        var _b = this.props, sourceType = _b.sourceType, poster = _b.poster, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin;
         var TagName = sourceType || 'video';
-        return children(React.createElement(TagName, { ref: this.mediaRef, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef);
+        return children(React.createElement(TagName, { ref: this.mediaRef, poster: poster, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef);
     };
@@ -189,0 +193,0 @@ Video.defaultProps = {

dist/es5/video.d.ts

 /// <reference types="react" />
 import * as React from 'react';
-import { Component, ReactNode, RefObject } from 'react';
+import { Component, ReactNode, SyntheticEvent, RefObject } from 'react';
 export declare type VideoStatus = 'playing' | 'paused' | 'errored';
@@ -36,3 +36,6 @@ export declare type VideoError = MediaError | null;
     preload?: string;
+    poster?: string;
     crossOrigin?: string;
+    onCanPlay?: (event: SyntheticEvent<SourceElement>) => void;
+    onError?: (event: SyntheticEvent<SourceElement>) => void;
 }
@@ -39,0 +42,0 @@ export interface VideoComponentState {

dist/es5/video.js

@@ -59,2 +59,3 @@ "use strict";
         _this.onCanPlay = function (event) {
+            var onCanPlay = _this.props.onCanPlay;
             var video = event.target;
@@ -69,2 +70,3 @@ var _a = getVolumeFromVideo(video), volume = _a.volume, isMuted = _a.isMuted;
             });
+            onCanPlay && onCanPlay(event);
         };
@@ -125,2 +127,3 @@ _this.onPlay = function () {
         _this.onError = function (event) {
+            var onError = _this.props.onError;
             var video = event.target;
@@ -132,2 +135,3 @@ _this.setState({
             });
+            onError && onError(event);
         };
@@ -186,5 +190,5 @@ _this.onWaiting = function () {
         var _a = this, videoState = _a.videoState, actions = _a.actions;
-        var _b = this.props, sourceType = _b.sourceType, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin;
+        var _b = this.props, sourceType = _b.sourceType, poster = _b.poster, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin;
         var TagName = sourceType || 'video';
-        return children(React.createElement(TagName, { ref: this.mediaRef, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef);
+        return children(React.createElement(TagName, { ref: this.mediaRef, poster: poster, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef);
     };
@@ -191,0 +195,0 @@ Video.defaultProps = {

package.json

 {
   "name": "react-video-renderer",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "main": "dist/es5/index.js",
@@ -5,0 +5,0 @@ "jsnext:main": "dist/es2015/index.js",

No alert changes

Improved metrics

Total package byte prevSize

37425

2.07%

Lines of code

868

1.64%

No dependency changes