zwplayer-vue2x 1.0.31 → 1.0.32

package/sources/vueplayer/src/main.vue

@@ -30,6 +30,12 @@ const availabe_props = {
 	disableVolumeControl: 'boolean',
 	lostFocusPause: 'boolean',
 	autoSmallWindow: 'boolean',
+	localPlayback: 'boolean',
+	recordButton: 'boolean',
+	segmentButton: 'boolean',
+	disableMutedConfirm: 'boolean',
+	keepAudioWindow: 'boolean',
+	lang: 'string',
 	thumbnails: 'object',
 	sendDanmu: 'function',
 	danmuBarId: 'string',
@@ -42,27 +48,27 @@ const availabe_props = {
 };
 
 export default {
-	name: 'ZwPlayer',
-	data () {
+	name: 'ZwPlayer',
+	data () {
 		return {
-			zwplayer: null,
-			nodename: 'ZwPlayer'
-		}
-	},
+			zwplayer: null,
+			nodename: 'ZwPlayer'
+		}
+	},
 	props: {
-		zwplayerlib: String,
-		murl: String,
-		nodeid: String,
-		muted: Boolean,
-		autoplay: {
-			type: Boolean,
-			default: true
-		},
+		zwplayerlib: String,
+		murl: String,
+		nodeid: String,
+		muted: Boolean,
+		autoplay: {
+			type: Boolean,
+			default: true
+		},
 		videoprop: Object,
 		videostyle: String,
-		reconnect: {
-			type: Boolean,
-			default: true
+		reconnect: {
+			type: Boolean,
+			default: true
 		},
 		controlbar: {
 			type: Boolean,
@@ -73,24 +79,24 @@ export default {
 			default: true
 		}
 	},
-	
-	emits: ['oneterror', 'onmediaevent', 'onready'],
-	methods: {
-		play(url, isLive, useOldFlv) {
-			let vm = this;
-			
-			if (!url)
-				url = this.murl;
-			if (!vm.zwplayer)
-				return;
-				
+
+	emits: ['oneterror', 'onmediaevent', 'onready', 'onFileSelected', 'onFileLoaded'],
+	methods: {
+		play(url, isLive, useOldFlv) {
+			let vm = this;
+
+			if (!url)
+				url = this.murl;
+			if (!vm.zwplayer)
+				return;
+
 			vm.zwplayer.play(url, isLive, useOldFlv);
-		},
-		stop() {
-			let vm = this;
-
-			if (vm.zwplayer) {
-				vm.zwplayer.stop();
+		},
+		stop() {
+			let vm = this;
+
+			if (vm.zwplayer) {
+				vm.zwplayer.stop();
 			}
 		},
 		pause() {
@@ -113,7 +119,7 @@ export default {
 			}
 			return undefined;
 		},
-		
+
 		getCurrentTime() {
 			let vm = this;
 			if (vm.zwplayer) {
@@ -121,103 +127,103 @@ export default {
 			}
 			return undefined;
 		},
-		
+
 		seekTime(time) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.seekTime(time);
 			}
 		},
 		destroy() {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.destroy();
 			}
 		},
 		setplaystate(bPlaying) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.setplaystate(bPlaying);
 			}
 		},
-		
+
 		setEnableDanmu(bEnable) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.setEnableDanmu(bEnable);
 			}
 		},
-		
+
 		appendDanmu(msgObj, setting) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.appendDanmu(msgObj, setting);
 			}
 		},
-		
+
 		setChapters(chapters) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.setChapters(chapters);
 			}
 		},
-		
+
 		addSubtitle(subtitleUrl, pos, title) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.addSubtitle(subtitleUrl, pos, title);
 			}
 		},
-		
+
 		removeSubtitle() {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.removeSubtitle();
 			}
 		},
-		
+
 		buildDanmuControlbar(parentId, className) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.buildDanmuControlbar(parentId, className);
 			}
 		},
-		
+
 		notifyResize(width, height) {
 			let vm = this;
-			
+
 			if (vm.zwplayer) {
 				vm.zwplayer.notifyResize(width, height);
 			}
 		},
-		
-		setMute(bMute) {
-			let vm = this;
-
-			if (vm.zwplayer) {
-				vm.zwplayer.setMuted(bMute);
+
+		setMute(bMute) {
+			let vm = this;
+
+			if (vm.zwplayer) {
+				vm.zwplayer.setMuted(bMute);
 			}
-		},
-		
-		setullscr(bFullScr) {
-			let vm = this;
-
-			if (vm.zwplayer) {
-				vm.is_fullscr = bFullScr;
-				vm.zwplayer.setFullscreen(bFullScr);
+		},
+
+		setullscr(bFullScr) {
+			let vm = this;
+
+			if (vm.zwplayer) {
+				vm.is_fullscr = bFullScr;
+				vm.zwplayer.setFullscreen(bFullScr);
 			}
 		},
 	},
-	
+
 	computed: {
 		CurrentTime: function() {
 			let vm = this;
@@ -226,18 +232,18 @@ export default {
 			}
 			return -1;
 		}
-	},
-	
+	},
+
 	render(createElement) {
 		let playerid;
-		
+
 		// console.log('render');
 		if (this.nodeid) {
 			playerid = this.nodeid;
 		}
 		else {
 			let now = (new Date()).getTime();
-			
+
 			if (!window.nextZWPlayerId) {
 				window.nextZWPlayerId = 1000;
 			}
@@ -246,37 +252,37 @@ export default {
 			}
 			playerid = 'zwplayer-'+ window.nextZWPlayerId + '-' + now;
 		}
-		
+
 		let playerWrap = createElement('div', {
 			class: {'zwplayer-vue': true},
 			attrs: {
 				id: playerid,
 			},
 		}, []);
-		
+
 		if (playerWrap) {
 			let vm = this;
 			vm.playerid = playerid;
 		}
-		
+
 		if (this.zwplayer && this.murl !== this.old_murl) {
 			this.zwplayer.play(this.murl); // change movie url
 			this.old_murl = this.murl;
 		}
-		
+
 		return playerWrap;
-	},
-	
-	mounted() {
+	},
+
+	mounted() {
 		let vm = this;
-		// console.log('mounted');
+		//console.log('mounted main');
 		let zwplayer_js;
-		
+
 		if (vm.zwplayerlib)
 			zwplayer_js = vm.zwplayerlib;
 		else
 			zwplayer_js = zwplayer_js_def;
-			
+
 		vm.rootElm = document.getElementById(vm.playerid);
 		if (vm.rootElm) {
 			vm.rootElm.style.width = '100%';
@@ -287,11 +293,11 @@ export default {
 
 		zwplayer_loadjs('zwplayer-core', zwplayer_js, function(jsid) {
 			let url = '';
-			
+
 			if (!jsid) {
-				console.log('zwplayer_loadjs failed!');
+				//console.log('zwplayer_loadjs failed!');
 			}
-			
+
 			if (vm.murl)
 				url = vm.murl;
 			else if (vm.videoprop && typeof vm.videoprop.url !== 'undefined')
@@ -299,7 +305,7 @@ export default {
 			let videostyle = "width:100%;height:100%;";
 			if (vm.videoprop && typeof vm.videoprop.videostyle !== 'undefined')
 				videostyle = vm.videoprop.videostyle;
-			
+
 			let params = {
 				url: url,
 				playerElm: vm.rootElm,
@@ -316,6 +322,13 @@ export default {
 					vm.$emit('onnetclose', this);
 					return true;
 				},
+				onFileSelected: function(event) {
+					vm.$emit('onFileSelected', event, this);
+				},
+
+				onFileLoaded: function(event) {
+					vm.$emit('onFileLoaded', event, this);
+				},
 				onneterror: function() {
 					vm.$emit('onneterror', this);
 				},
@@ -323,9 +336,9 @@ export default {
 					vm.$emit('onmediaevent', event, this);
 				}
 			};
-			
+
 			let props_list = availabe_props;
-			
+
 			const isTypeOf = function(type, types) {
 				if (types.indexOf('|') > 0) {
 					var typeList = types.split('|');
@@ -335,10 +348,10 @@ export default {
 					}
 					return false;
 				}
-				
+
 				return type === types;
 			}
-			
+
 			for (let prop in vm.$attrs) {
 				var propType = typeof vm.$attrs[prop];
 				if (prop in props_list && isTypeOf(propType, props_list[prop])) {
@@ -348,31 +361,31 @@ export default {
 						params[prop] = vm.$attrs[prop];
 				}
 			}
-			
+     //console.log(params)
 			vm.zwplayer = new window.ZWPlayer(params);
-			
+
 			if(params.danmuBarId) {
 				vm.zwplayer.buildDanmuControlbar(params.danmuBarId, 'vue-zwp-danmubar');
 			}
-			
+
 			vm.old_murl = url;
 		})
-	},
-	
+	},
+
 	beforeDestroy() { // vue3.x beforeUnmount
 		let vm = this;
-		// console.log('beforeUnmount');
-		if (vm.zwplayer) {
-			vm.zwplayer.stop();
+		// console.log('beforeUnmount');
+		if (vm.zwplayer) {
+			vm.zwplayer.stop();
 		}
-	},
-	
-	destroyed() { // vue3.x unmounted
+	},
+
+	destroyed() { // vue3.x unmounted
 		let vm = this;
-		// console.log('unmounted');
-		if (vm.zwplayer) {
-			vm.zwplayer.destroy();
-			delete vm.zwplayer;
+		// console.log('unmounted');
+		if (vm.zwplayer) {
+			vm.zwplayer.destroy();
+			delete vm.zwplayer;
 		}
 	}
 }