video

Author: mastashake08

README.md

@@ -7,9 +7,9 @@
 <a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a>
 </p>
 
-## About Laravel
+## Laravel Echo WebRTC Demo
 
-Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
+This repo utilizes Laravel Echo to build a signaling server for WebRTC requests.
 
 - [Simple, fast routing engine](https://laravel.com/docs/routing).
 - [Powerful dependency injection container](https://laravel.com/docs/container).

resources/js/Pages/Welcome.vue

@@ -20,6 +20,7 @@ const props = defineProps({
 })
 const hasStream = ref(false);
 const pc = new RTCPeerConnection();
+pc.createDataChannel(props.callerId);
 pc.oniceconnectionstatechange = () => {
   if (pc.iceConnectionState === "failed") {
     pc.restartIce();
@@ -55,7 +56,7 @@ const form = useForm({
 
 const submit = async () => {
     console.log('SUBMIT')
-    await pc.createDataChannel(props.callerId);
+    
     form.sdp = await pc.createOffer();
     console.log(form.caller_id)
     await pc.setLocalDescription(form.sdp);