Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Firebase Update Changes #7

Open
kavikode opened this issue Mar 15, 2020 · 6 comments
Open

Firebase Update Changes #7

kavikode opened this issue Mar 15, 2020 · 6 comments

Comments

@kavikode
Copy link

First of all, this is a wonderfully made example! Thank you for the code!

I tried to follow these instructions on your blog and I ran into many hurdles. It may be due to the fact that there are changes the Firebase version.

Can you please update your blog to work with the new Firebase version?

Thank you so much.

@maiermic
Copy link

I just tried it successfully with

<script src="https://www.gstatic.com/firebasejs/7.14.5/firebase.js"></script>

instead of

<script src="https://www.gstatic.com/firebasejs/7.14.5/firebase-app.js"></script>

which was suggested in dialog with the credentials (step 3 of the tutorial "Add Firebase to your web app") .

@kavikode
Copy link
Author

Thanks so much for your Post!

Was that the only step required to complete the same video chat demo using firebase?

What additional steps need to be completed in the firebase console to ensure that it works properly?

@maiermic
Copy link

maiermic commented May 25, 2020

To be more explicit:

  1. Create project on https://console.firebase.google.com (you don't need to activate Google Analytics, i.e. you can skip that step)
  2. Get the credentials
    2.1. Click on the button </> in the project overview to open the dialog "Add Firebase to your web app"
    screenshot dashboard
    2.2. Copy the lines between { and }
    screenshot credentials
    2.3. Paste them into js/script.js (line 3-8) to replace the credentials
  3. Create Realtime Database (not Cloud Firestore)
    3.1. Click on Database in the navigation on the left side
    3.2. Scroll down to Realtime Database and click on "Create database" (the button "Create database" at the top is for Cloud Firestore, i.e. the wrong one)
    screenshot create realtime database
  4. Update Firebase library by replacing line 11 in index.html
    <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
    with
    <script src="https://www.gstatic.com/firebasejs/7.14.5/firebase.js"></script>

Now you should be able to run the example. As mentioned in the README.md

You should also create an account on Viagenie, and [...]

but you don't have to, to try it out.


Note: Screenshots are from A visual Firebase Tutorial

@brunoalex
Copy link

i was working but now i can only get one way video , any ideias ?

@maiermic
Copy link

maiermic commented Feb 5, 2021

@brunoalex Have you tried the changes I described in my previous comment?

@brunoalex
Copy link

hi maiermic, tks for the help... it seams it is something wrong with my chrome browser...even after reinstall it webrtc dont work on the second ... i thing i was tunnel bear app that disabled some things ... even after i uninstall it my ip wasent able to be shared over webrtc... any way tanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants