Coder Social home page Coder Social logo

Buttons disabled about firebasertc HOT 2 OPEN

webrtc avatar webrtc commented on July 28, 2024 1
Buttons disabled

from firebasertc.

Comments (2)

harikt avatar harikt commented on July 28, 2024

I also came across this error.

First started with : https://webrtc.org/getting-started/firebase-rtc-codelab . It also have similar error. So switched to solution branch and tried.

The screenshot below is using solution branch.

Looking into the console there is some more information.

Screenshot from 2020-10-27 12-23-48

Note : Camera, Microphone etc is already attached. Tested on Firefox ( 81.0.2 (64-bit) ) and Chrome ( Version 85.0.4183.121 (Official Build) (64-bit) )

from firebasertc.

meldaravaniel avatar meldaravaniel commented on July 28, 2024

@harikt @MajesticKhan It's not clear from the actual tutorial, but you have to click the "Open camera and microphone" button before it enables the create/join room buttons. This is how the code is designed as well. If you look at index.html, you'll notice the create/join rooms start out as disabled. In app.js, the init method adds a click eventListener on all the buttons, notably the #cameraButton to call openUserMedia(...) when someone clicks the open camera button. Within openUserMedia it gets camera/mic feed, and then:

document.querySelector('#cameraBtn').disabled = true;
  document.querySelector('#joinBtn').disabled = false;
  document.querySelector('#createBtn').disabled = false;
  document.querySelector('#hangupBtn').disabled = false;

to enable the other buttons.

I think it's working as intended.

from firebasertc.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.