added event for video loaded

aframe/build/aframe-ar.js

@@ -5908,11 +5908,18 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.position = 'absolute'
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
-        this.domElement.style.zIndex = '-2'
+		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
-		document.body.appendChild(_this.domElement);
+        document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/build/ar.js

@@ -5908,11 +5908,18 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.position = 'absolute'
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
-        this.domElement.style.zIndex = '-2'
+		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
-		document.body.appendChild(_this.domElement);
+        document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/build/ar.lean.js

@@ -3174,11 +3174,18 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.position = 'absolute'
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
-        this.domElement.style.zIndex = '-2'
+		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
-		document.body.appendChild(_this.domElement);
+        document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/contribs/portableAR.js/build/portable-ar.js

@@ -54406,11 +54406,18 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.position = 'absolute'
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
-        this.domElement.style.zIndex = '-2'
+		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
-		document.body.appendChild(_this.domElement);
+        document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/src/threex/threex-artoolkitsource.js

@@ -72,11 +72,17 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.position = 'absolute'
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
-        this.domElement.style.zIndex = '-2'
+		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
-		document.body.appendChild(_this.domElement);
+        document.body.appendChild(_this.domElement);
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true