@bbc/react-transcript-editor/dist/TranscriptEditor/MediaPlayer/VideoPlayer.js

A React component to make transcribing audio and video easier and faster.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_VideoPlayerModule=_interopRequireDefault(require("./VideoPlayer.module.css"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var descriptor,i=0;i<props.length;i++)descriptor=props[i],descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function _possibleConstructorReturn(self,call){return call&&("object"===_typeof(call)||"function"==typeof call)?call:_assertThisInitialized(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var VideoPlayer=/*#__PURE__*/function(_React$Component){function VideoPlayer(){var _getPrototypeOf2,_this;_classCallCheck(this,VideoPlayer);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(VideoPlayer)).call.apply(_getPrototypeOf2,[this].concat(args))),_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)),"handlePlayMedia",function(){if(null!==_this.props.videoRef.current)return _this.props.videoRef.current.paused?_this.props.videoRef.current.play():_this.props.videoRef.current.pause()}),_this}return _inherits(VideoPlayer,_React$Component),_createClass(VideoPlayer,[{key:"render",value:function render(){var isDisplayed=this.props.previewIsDisplayed?"inline":"none";return _react.default.createElement("video",{id:"video",playsInline:!0,src:this.props.mediaUrl,onTimeUpdate:this.props.onTimeUpdate,type:"video/mp4","data-testid":"media-player-id",onClick:this.handlePlayMedia,onLoadedData:this.props.onLoadedDataGetDuration,ref:this.props.videoRef,className:_VideoPlayerModule.default.videoEl,style:{display:isDisplayed}})}}]),VideoPlayer}(_react.default.Component);VideoPlayer.propTypes={mediaUrl:_propTypes.default.string,onTimeUpdate:_propTypes.default.func,onClick:_propTypes.default.func,videoRef:_propTypes.default.object,onLoadedDataGetDuration:_propTypes.default.func,previewIsDisplayed:_propTypes.default.bool,previewViewWidth:_propTypes.default.string};var _default=VideoPlayer;exports.default=_default;