diff --git a/web-service/public/js/bundle.js b/web-service/public/js/bundle.js
index 9a269a79d463a92153fe4d6b9284b02e237ed11a..08f878dd224f196b298dfb8079ec89f6d389d160 100644
--- a/web-service/public/js/bundle.js
+++ b/web-service/public/js/bundle.js
@@ -59976,16 +59976,16 @@ function FTLStream(peer, uri, element) {
 						this.converter.appendRawData(value);
 					}
 					decode(pckg[5]);*/
-					this.converter.appendRawData(pckg[5]);
-					this.converter.play();
-					if (this.converter.sourceBuffer.mode != "sequence") {
+					if (this.converter.sourceBuffer && this.converter.sourceBuffer.mode != "sequence") {
 						this.converter.sourceBuffer.mode = 'sequence';
 					}
+					this.converter.appendRawData(pckg[5]);
 				} else {
 					if (ts > 0) {
 						dts = streampckg[0] - ts;
 						console.log("Framerate = ", 1000/dts);
 						this.converter = new VideoConverter.default(this.element, 26, 1);
+						this.converter.play();
 					}
 					ts = streampckg[0];
 				}
diff --git a/web-service/public/js/index.js b/web-service/public/js/index.js
index 2709485bb4f59bb5e54c938c8ce335180297bda1..700186d66011c9230df16b1fc14ca0c68a653e1d 100644
--- a/web-service/public/js/index.js
+++ b/web-service/public/js/index.js
@@ -337,16 +337,16 @@ function FTLStream(peer, uri, element) {
 						this.converter.appendRawData(value);
 					}
 					decode(pckg[5]);*/
-					this.converter.appendRawData(pckg[5]);
-					this.converter.play();
-					if (this.converter.sourceBuffer.mode != "sequence") {
+					if (this.converter.sourceBuffer && this.converter.sourceBuffer.mode != "sequence") {
 						this.converter.sourceBuffer.mode = 'sequence';
 					}
+					this.converter.appendRawData(pckg[5]);
 				} else {
 					if (ts > 0) {
 						dts = streampckg[0] - ts;
 						console.log("Framerate = ", 1000/dts);
 						this.converter = new VideoConverter.default(this.element, 26, 1);
+						this.converter.play();
 					}
 					ts = streampckg[0];
 				}