Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Video and Voice Chat/Troubleshooting

From Roll20 Wiki

Revision as of 03:53, 12 January 2017 by Kristin C. (Talk | contribs)

Jump to: navigation, search

Contents

WebRTC Basics

How is WebRTC different from Discord, Google Hangouts, Skype, etc?

Roll20's VOIP(Voice Over IP) option is called WebRTC, which is a HTML5 technology that runs video and voice through a web browser without the need of a java applet. Applications like Skype or Discord aren't browser-based and therefore have access to hardware acceleration and data compression that Roll20 cannot take advantage of. Those applications, as well as other browser-based options not using WebRTC, use what's called an All to One to All rather than a Peer to Peer connection. With an "All to One to All" connection, applications like Skype send your video/voice data one time to their server which then carries that load of data to each of the other people in the call. With "Peer to Peer", you are sending the data to each peer connection and thus has a higher upload bandwidth cost is required for this (and WebRTC as a whole).


Roll20 Settings

  1. Inside the Roll20 App, click on the Settings tab (gear icon), in the upper right hand corner of the screen.
  2. Under the Video + Voice options make sure you're set to Broadcast and Receive both Video and Voice.


Firefox & Chrome Settings

At present, Roll20 only fully supports Firefox and Chrome web browsers for our VTT. Other browsers may be able to handle WebRTC with little to no issues, but we can't devote reliable tech support for them if you do run into any issues.

Keeping your Browser Up to Date

It's generally a good idea to keep your browser updated to take advantage of browser bug fixes and optimization measures.

Updating Chrome

  1. Click on the More Button (vertical row of three dots icon) in the upper right hand corner.
  2. Click on the Help option from the resulting drop down menu.
  3. Click on About Google Chrome option from the secondary drop down menu that appears.


OR

  1. Paste chrome://help/ into the URL bar and hit Enter.


Either method will open Chrome's "About" page that will inform you of your current browser version and will automatically prompt you to update to the latest stable version if you're not using it.

Updating Firefox

  1. Click on the Menu Button (three horizontal lines icon) in the upper right hand corner.
  2. Click on ? icon at the bottom of the drop down menu.
  3. Click on About Firefox from the resulting roll out menu.
  4. Firefox will tell you your current browser version and automatically prompt an update to the latest stable version if you're not using it. Click the Restart to Update button if necessary.


Microphone and Camera Browser Permissions

To protect your privacy, microphone and webcamera permissions are disabled from use on Chrome and Firefox by default. If this is the first time you've used Roll20, recently cleaned out your browser cookies/cache, or working from a fresh install of your browser, you'll need to approve the Roll20 website's use of your camera and microphone for them to be used for broadcasting either video or voice within a game.

Enabling Chrome Permissions

Chrome Allow Deny.png
"Chrome AV Select"


  1. When the VTT loads for the first time, you should be asked to Allow or Deny camera and microphone access from a grey bar pop-up that appears at the top of the screen.
  2. Click Allow to enable your camera and microphone to be used within a Roll20 game.


OR


  1. Click on the lock icon in the far left of the URL/search bar to reveal a drop down menu.
  2. Ensure that both Camera and Microphone options have their permissions set to "Always allow on this site". Make sure you're currently on Roll20.net when you set this, this setting is URL sensitive.

Enabling Firefox Permissions

"Firefox AV Select"
  1. When the VTT loads for the first time, you'll be asked to 'Share Selected Devices' from a drop down menu in the upper left hand corner of the screen.
  2. If not, click on the Camera icon in the upper left hand corner next to the Back button.
  3. Be sure to select the correct Camera and Microphone to share before clicking the Share Selected Devices button.

Clear your Web Browser's Cache

Clearing Out Chrome's Cache

  1. Click on the Menu Button (three horizontal lines) in the upper right hand corner.
  2. Click on More Tools from the dropdown.
  3. Click on Clear browsing data from the new options.
  4. From the drop down "Obliterate the following items from:" select the beginning of time option.
  5. Check both Cookies and other site and plug-in data and Cached images and files.
  6. Click on Clear browsing data button.

Clearing Out Firefox's Cache

  1. Click on the Menu Button (three horizontal lines) in the upper right hand corner.
  2. Click the Options Button' (a small gear) from the drop down menu.
  3. On the Advanced tab, select the Network sub-tab.
  4. Under the Cached Web Content section, select the Clear Now button.


Device and Bandwidth Tests

Webcam WebRTC Compatibility Test


Alternatively is to run a test of your webcam and mic through appear.in. This website is also a Peer-to-Peer WebRTC service that can have up to eight users in a conference call. You can test your entire gaming group in one pass.


Perform a WebCam/Microphone Test

  • Check if your camera works with a different browser. For instance, if you are using Firefox check if it works with Chrome instead.
  • Does the camera work with any other software that uses the camera such as Skype or Photobooth.


Perform a Bandwidth Test

If you don’t already know them, you can take a bandwidth speed test from OOKLA’s Browser-based Speedtest (Note: Adobe Flash is required to run the applet). You will want to run this test in the principle environment you normally play your games on Roll20 and have a Roll20 game currently open.

  1. Once the applet loads on the home page, click the button "Begin Test".
  2. Allow the test to run. This process can take a couple minutes to complete.
  3. Once it's finished, Speedtest will give you your download and upload rate in megabits per second (Mbps).


Filing a Report on the Bug Forum

If none of the above tests and steps helped resolve your issues please follow Steps 1-3 from the Solving Technical Issues Guide, taking special care to temporarily disable all browser add-ons and extensions, temporarily pause your anti-virus (or whitelist Roll20.net), and try switching browsers (for Chrome/Firefox specific issues) to see if one of those components is causing the problem. If all of that fails, please follow Step 4 and file a bug report on the WebRTC Video and Voice Chat Issues forum thread. Please provide all of the information you gathered from Steps 1-4 of the Solving Technical Issues Guide as well as the following information:

WebRTC Connectivity Diagnostic Test

Additionally, we recommend that you try to run this WebRTC Connectivity Diagnostic Test and supply its test result in your report.
Once there:

  1. Click on the Start button.
  2. Allow the test to run itself through the various subtasks (Microphone, Camera, Network, Connectivity, and lastly Throughput).
  3. If the test runs into any issues, click on the bug icon at the top, this brings up a new window to create a bug report.
  4. Describe what issues you had with the diagnostic test and then click on “Upload Report”
  5. This will pull up a new window that provides a link to the report (“The link to the report is now available”). This link will be available for the next 90 days. Copy the link and paste it here in this thread.


In-Game Bandwidth Settings

Let us know what your average Download and Upload speeds from the above Bandwidth Test as well as the "Video Bandwidth" setting (High, Medium, Low, or Very Low) under the Video + Voice section of the Settings tab within your Roll20 game.