3 lines
12 KiB
JavaScript
3 lines
12 KiB
JavaScript
import{defineComponent as e,toRaw as n,shallowRef as t,computed as r,ref as o,readonly as a,onMounted as i,watch as u,normalizeClass as c,onBeforeUnmount as l,h as s}from"vue";import p from"video.js";function g(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}var d={src:{type:String,onChange:function(e,n){return e.src(n)}},width:{type:Number,onChange:function(e,n){return e.width(n)},onEvent:function(e,n){e.on(["playerresize","resize"],(function(){return n(e.width())}))}},height:{type:Number,onChange:function(e,n){return e.height(n)},onEvent:function(e,n){e.on(["playerresize","resize"],(function(){return n(e.height())}))}},preload:{type:String,onChange:function(e,n){return e.preload(n)}},loop:{type:Boolean,onChange:function(e,n){return e.loop(n)}},muted:{type:Boolean,onChange:function(e,n){return e.muted(n)},onEvent:function(e,n){return e.on("volumechange",(function(){return n(e.muted())}))}},poster:{type:String,onChange:function(e,n){return e.poster(n)},onEvent:function(e,n){return e.on("posterchange",(function(){return n(e.poster())}))}},controls:{type:Boolean,onChange:function(e,n){return e.controls(n)},onEvent:function(e,n){e.on("controlsenabled",(function(){return n(!0)})),e.on("controlsdisabled",(function(){return n(!1)}))}},autoplay:{type:[Boolean,String],onChange:function(e,n){return e.autoplay(n)}},crossorigin:{type:String,onChange:function(e,n){return e.crossOrigin(n)}},crossOrigin:{type:String,onChange:function(e,n){return e.crossOrigin(n)}},playsinline:{type:Boolean,onChange:function(e,n){return e.playsinline(n)}},playsInline:{type:Boolean,onChange:function(e,n){return e.playsinline(n)}}},f={id:{type:String},sources:{type:Array,onChange:function(e,n){return e.src(n)}},tracks:{type:Array,onChange:function(e,n){for(var t=e.remoteTextTracks(),r=(null==t?void 0:t.length)||0;r--;)e.removeRemoteTextTrack(t[r]);e.ready((function(){n.forEach((function(n){return e.addRemoteTextTrack(n,!1)}))}))}},textTrackSettings:{type:Object,onChange:function(e,n){return e.textTrackSettings.options(n)}},language:{type:String,onChange:function(e,n){return e.language(n)},onEvent:function(e,n){return e.on("languagechange",(function(){return n(e.language())}))}},languages:{type:Object},playbackRates:{type:Array,onChange:function(e,n){return e.playbackRates(null!=n?n:[])},onEvent:function(e,n){e.on("playbackrateschange",(function(){return n(e.playbackRates())}))}},audioOnlyMode:{type:Boolean,onChange:function(e,n){return e.audioOnlyMode(n)}},audioPosterMode:{type:Boolean,onChange:function(e,n){return e.audioPosterMode(n)}},responsive:{type:Boolean,onChange:function(e,n){return e.responsive(n)}},breakpoints:{type:Object,onChange:function(e,n){return e.breakpoints(n)}},fluid:{type:Boolean,onChange:function(e,n){return e.fluid(n)}},fill:{type:Boolean,onChange:function(e,n){return e.fill(n)}},aspectRatio:{type:String,onChange:function(e,n){return e.aspectRatio(n)}},fullscreen:{type:Object},liveui:{type:Boolean},liveTracker:{type:Object},disablePictureInPicture:{type:Boolean,onChange:function(e,n){return e.disablePictureInPicture(n)}},notSupportedMessage:{type:String},normalizeAutoplay:{type:Boolean},noUITitleAttributes:{type:Boolean},preferFullWindow:{type:Boolean},suppressNotSupportedError:{type:Boolean},techCanOverridePoster:{type:Boolean},reportTouchActivity:{type:Boolean},techOrder:{type:Array},inactivityTimeout:{type:Number},userActions:{type:Object},plugins:{type:Object},restoreEl:{type:[Boolean,Object]},"vtt.js":{type:String}},v={children:{type:[Array,Object]},controlBar:{type:Object,onChange:function(e,n){return e.controlBar.options(n)}}},y={html5:{type:Object}},h={volume:{type:Number,onChange:function(e,n){return e.volume(n)},onEvent:function(e,n){return e.on("volumechange",(function(){return n(e.volume())}))}},playbackRate:{type:Number,onChange:function(e,n){e.playbackRate(n),e.defaultPlaybackRate(n)},onEvent:function(e,n){e.on("ratechange",(function(){n(e.playbackRate())}))}},options:{type:Object}},b=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d),f),v),y),h),m=Object.keys(b),O=Object.assign(Object.assign(Object.assign(Object.assign({},{loadstart:"onLoadStart",suspend:"onSuspend",abort:"onAbort",error:"onError",emptied:"onEmptied",stalled:"onStalled",loadedmetadata:"onLoadedMetadata",loadeddata:"onLoadedData",canplay:"onCanPlay",canplaythrough:"onCanPlayThrough",playing:"onPlaying",waiting:"onWaiting",seeking:"onSeeking",seeked:"onSeeked",ended:"onEnded",durationchange:"onDurationChange",timeupdate:"onTimeUpdate",progress:"onProgress",play:"onPlay",pause:"onpause",ratechange:"onRateChange",resize:"onResize",volumechange:"onVolumeChange"}),{posterchange:"onPosterChange",languagechange:"onLanguageChange",fullscreenchange:"onFullscreenChange",playbackrateschange:"onPlaybackRatesChange",controlsdisabled:"onControlsDisabled",controlsenabled:"onControlsEnabled",enterFullWindow:"onEnterFullWindow",exitFullWindow:"onExitFullWindow",enterpictureinpicture:"onEnterPictureInPicture",leavepictureinpicture:"onLeavePictureInPicture",sourceset:"onSourceSet",texttrackchange:"onTextTrackChange",textdata:"onTextData",useractive:"onUserActive",userinactive:"onUserInactive",usingcustomcontrols:"onUsingCustomControls",usingnativecontrols:"onUsingNativeControls",dispose:"onDispose"}),{beforepluginsetup:"onBeforePluginSetup",pluginsetup:"onPluginSetup"}),{componentresize:"onComponentResize",playerresize:"onPlayerResize",ready:"onReady",tap:"onTap"}),k=Object.keys(O);Object.values(O);var C=function(e){var n,t=null==e?void 0:e.trim().replace(/\s+/g," ");return t&&null!==(n=t.split(" "))&&void 0!==n?n:[]},j={src:{getter:function(e){return e.src()}},currentSrc:{getter:function(e){return e.currentSrc()}},currentSource:{getter:function(e){return e.currentSource()}},width:{events:["resize","playerresize"],getter:function(e){return e.width()}},height:{events:["resize","playerresize"],getter:function(e){return e.height()}},currentWidth:{events:["resize","playerresize"],getter:function(e){return e.currentWidth()}},currentHeight:{events:["resize","playerresize"],getter:function(e){return e.currentHeight()}},videoWidth:{events:["resize","playerresize"],getter:function(e){return e.videoWidth()}},videoHeight:{events:["resize","playerresize"],getter:function(e){return e.videoHeight()}},controls:{events:["controlsdisabled","controlsenabled"],getter:function(e){return e.controls()}},volume:{events:["volumechange"],getter:function(e){return e.volume()}},muted:{events:["volumechange"],getter:function(e){return e.muted()}},poster:{events:["posterchange"],getter:function(e){return e.poster()}},seeking:{events:["seeking"],getter:function(e){return e.seeking()}},paused:{events:["pause","play","playing"],getter:function(e){return e.paused()}},ended:{events:["ended","play"],getter:function(e){return e.ended()}},currentTime:{events:["timeupdate"],getter:function(e){return e.currentTime()}},duration:{events:["durationchange"],getter:function(e){return e.duration()}},playbackRate:{events:["ratechange"],getter:function(e){return e.playbackRate()}},playbackRates:{events:["playbackrateschange"],getter:function(e){return e.playbackRates()}},isFullscreen:{events:["fullscreenchange"],getter:function(e){return e.isFullscreen()}},isInPictureInPicture:{events:["enterpictureinpicture","leavepictureinpicture"],getter:function(e){return e.isInPictureInPicture()}},isLive:{getter:function(e){var n;return null===(n=e.liveTracker)||void 0===n?void 0:n.isLive()}},language:{events:["languagechange"],getter:function(e){return e.language()}},userActive:{events:["useractive","userinactive"],getter:function(e){return e.userActive()}},readyState:{events:["loadeddata"],getter:function(e){return e.readyState()}},networkState:{events:["loadeddata","error"],getter:function(e){return e.networkState()}},error:{events:["loadeddata","error"],getter:function(e){return e.error()}},buffered:{events:["progress"],getter:function(e){return e.buffered()}},bufferedPercent:{events:["progress"],getter:function(e){return e.bufferedPercent()}},played:{events:["timeupdate"],getter:function(e){return e.played()}},seekable:{events:["progress","seeked"],getter:function(e){return e.seekable()}},audioTracks:{getter:function(e){var n;return null===(n=e.audioTracks)||void 0===n?void 0:n.call(e)}},videoTracks:{getter:function(e){var n;return null===(n=e.videoTracks)||void 0===n?void 0:n.call(e)}},textTracks:{getter:function(e){var n;return null===(n=e.textTracks)||void 0===n?void 0:n.call(e)}}},P=m.filter((function(e){return Boolean(b[e].onEvent)})),S=function(e){return"update:"+e},E=k.concat(P.map(S)),T=m.reduce((function(e,n){var t,r=b[n],o=Array.isArray(r.type)?r.type:[r.type],a=Object.assign({},r);return o.includes(Boolean)&&(a.default=void 0),Object.assign(Object.assign({},e),((t={})[n]=a,t))}),{}),B=e({name:"VueVideoPlayer",props:Object.assign(Object.assign({},T),{class:[String,Object,Array]}),emits:E.concat(["mounted"],["unmounted"]),setup:function(e,d){var f=n(e),v=f.class,y=g(f,["class"]),h=t(!1),O=t(null),E=t(null),T=r((function(){return E.value?E.value.player:null})),B=o(null),R=r((function(){return B.value?a(B.value):null}));return i((function(){var n,t=function(e){var n,t=e.props,r=e.element,o=e.className,a=e.onEvent,i=t.options;void 0===i&&(i={});var u=g(t,["options"]),c={};Object.keys(u).forEach((function(e){var n=u[e];void 0!==n&&(c[e]=n)}));var l=Object.assign(Object.assign({},c),i),s=l.volume,d=l.playbackRate,f=g(l,["volume","playbackRate"]),v=Object.assign(Object.assign({},f),{playsinline:null!==(n=f.playsinline)&&void 0!==n?n:f.playsInline}),y=p(r,v,(function(){var e=this;k.forEach((function(n){e.on(n,(function(e){a(n,e)}))})),f.src&&!f.sources&&this.src(f.src),s&&Number.isFinite(s)&&this.volume(s),d&&Number.isFinite(d)&&(this.defaultPlaybackRate(d),setTimeout((function(){e.playbackRate(d)}),0))}));o&&C(o).map((function(e){return y.addClass(e)}));var h=function(e){var n;null===(n=y.options)||void 0===n||n.call(y,null!=e?e:{})};return{player:y,dispose:function(){return y.dispose()},updateClassNames:function(e,n){C(e).map((function(e){return y.removeClass(e)})),C(n).map((function(e){return y.addClass(e)}))},updateOptions:h,updatePropOption:function(e,n){var t,r,o;h(((t={})[e]=n,t)),null===(o=null===(r=b[e])||void 0===r?void 0:r.onChange)||void 0===o||o.call(r,y,n)}}}({element:O.value,props:y,onEvent:d.emit});n={player:t.player,onEvent:d.emit},P.forEach((function(e){var t,r;null===(r=null===(t=b[e])||void 0===t?void 0:t.onEvent)||void 0===r||r.call(t,n.player,(function(t){n.onEvent(S(e),t)}))})),u((function(){return e.class}),(function(e,n){var r=c(n),o=c(e);t.updateClassNames(r,o)}),{immediate:!0}),u((function(){return e.options}),(function(e){return t.updateOptions(null!=e?e:{})}),{deep:!0}),m.filter((function(e){return"options"!==e})).forEach((function(n){u((function(){return e[n]}),(function(e){return t.updatePropOption(n,e)}),{deep:!0})})),function(e,n){var t=Object.keys(j),r=t.reduce((function(n,t){var r;return Object.assign(Object.assign({},n),((r={})[t]=j[t].getter(e),r))}),{playing:!1,waiting:!1}),o=function(e,t){r[e]=t,n.onUpdate(e,t,Object.assign({},r))};e.on(["pause","ended"],(function(){o("playing",!1)})),e.on(["play","playing"],(function(){o("playing",!0)})),e.on("waiting",(function(){o("waiting",!0);var n=e.currentTime(),t=function(){n!==e.currentTime()&&(o("waiting",!1),e.off("timeupdate",t))};e.on("timeupdate",t)})),t.forEach((function(n){var t,r=j[n];e.on(["loadstart","loadedmetadata"].concat(null!==(t=r.events)&&void 0!==t?t:[]),(function(){o(n,r.getter(e))}))})),n.onInit(Object.assign({},r))}(t.player,{onInit:function(e){B.value=e},onUpdate:function(e,n){B.value&&(B.value[e]=n)}}),E.value=t,h.value=!0,d.emit("mounted",{video:O.value,player:T.value,state:R.value})})),l((function(){E.value&&(E.value.dispose(),E.value=null,B.value=null,d.emit("unmounted"))})),function(){var e,n;return s("div",{"data-vjs-player":"",class:c(v)},[s("video",{class:["video-js","v-video-player"],ref:O}),h.value&&(null===(n=(e=d.slots).default)||void 0===n?void 0:n.call(e,{video:O.value,player:T.value,state:R.value}))])}}}),R=B,z=function(e){e.component("VideoPlayer",B),e.component(B.name,B)},w={VideoPlayer:B,install:z};export{R as VideoPlayer,w as default,z as install};
|
|
//# sourceMappingURL=videojs-player.esm.js.map
|