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

Difference between revisions of "Video and Voice Chat/Troubleshooting"

From Roll20 Wiki

Jump to: navigation, search
(Give Roll20 permission to use your microphone and camera)
(Revamp to handle Roll20 WebRTC issues)
Line 1: Line 1:
===Make sure you’re using the most recent version of either Chrome or Firefox===
+
{{mbox | text = Update 1-11-2017: This page is currently being revamped}}
'''Chrome'''
+
=Firefox & Chrome Settings=
*Click on the ''Menu Button'' (three horizontal lines) in the upper right hand corner.
+
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.
*Click on ''Settings'' from the drop down menu.
+
*Click on ''About'' from the left had menu.
+
*Chrome tell you the version and automatically try and update to the newest version.
+
'''Firefox'''
+
*Click on the ''Menu Button'' (three horizontal lines) in the upper right hand corner.
+
*Click on ''The Question Mark'' at the bottom of the menu.
+
*Click on ''About Firefox'' from the dropdown menu.
+
*Firefox will tell you the version and automatically try and update to the newest version. Click the Restart to Update button if necessary.
+
  
===Give Roll20 permission to use your microphone and camera===
+
==Keeping your Browser Up to Date==
'''Chrome''' [[File:Chrome_Allow_Deny.png|right]] [[File:Avt.png|thumb|"Chrome AV Select"|left]] [[File:Firefox_Allow_Deny.png|thumb|"Firefox AV Select"]]
+
It's generally a good idea to keep your browser updated to take advantage of browser bug fixes and optimization measures.
*When the app first loads you should be asked to ''Allow'' or ''Deny'' camera and microphone access from a grey bar at the top of the screen.
+
*Click ''Allow''.
+
  
or
+
===Updating Chrome===
*Click on the ''lock'' icon in the upper left hand corner and select the Permissions tab.
+
#Click on the ''More Button'' (vertical row of three dots icon) in the upper right hand corner.
*Ensure the camera and microphone permissions are set to "Allowed by you".
+
#Click on the ''Help'' option from the resulting drop down menu.  
 +
#Click on ''About Google Chrome'' option from the secondary drop down menu that appears.
  
  
'''Firefox'''  
+
'''OR'''
*When the app first loads you'll be asked to 'Share Selected Devices' from a drop down menu in the upper left hand corner of the screen.
+
*If not, click on the ''Camera'' icon in the upper left hand corner next to the ''Back'' button.
+
*Be sure to select the correct Camera and Microphone to share before clicking the ''Share Selected Devices'' button.
+
  
===Make sure Video and Voice are turned on inside Roll20===
+
#Paste <code>chrome://help/</code> into the URL bar and hit Enter.
*Inside the Roll20 App, click on the Settings tab (gear icon), in the upper right hand corner of the screen.
+
*Under the ''Video + Voice'' options make sure you're set to Broadcast and Receive both Video and Voice.
+
  
===Clear your Web Browser’s Cache===
 
'''Chrome'''
 
*Click on the ''Menu Button'' (three horizontal lines) in the upper right hand corner.
 
*Click on ''More Tools'' from the dropdown.
 
*Click on ''Clear browsing data'' from the new options.
 
*From the drop down "Obliterate the following items from:" select ''the beginning of time'' option.
 
*Check both ''Cookies and other site and plug-in data'' and ''Cached images and files''.
 
*Click on ''Clear browsing data'' button.
 
'''Firefox'''
 
*Click on the ''Menu Button'' (three horizontal lines) in the upper right hand corner.
 
*Click the ''Options Button' (a small gear) from the drop down menu.
 
*On the ''Advanced'' tab, select the ''Network'' sub-tab.
 
*Under the ''Cached Web Content'' section, select the ''Clear Now'' button.
 
  
===Make sure you have the right ports open===
+
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.
*You can check this by running TokBox’s [http://tokbox.com/tools/connectivity/ Connectivity Doctor]
+
*Go to: http://tokbox.com/tools/connectivity/
+
*Click the ''Run Diagnostic'' button.
+
*Take special note of any results with a ''Message'' other than ''Successful''
+
*If you do have ports being blocked this is usually the result of a third party firewall, anti-virus, or add-on/extension that is blocking access.
+
  
===Check if your camera is working with WebRTC===
+
===Updating Firefox===
 +
#Click on the ''Menu Button'' (three horizontal lines icon) in the upper right hand corner.
 +
#Click on '''?''' icon at the bottom of the drop down menu.
 +
#Click on ''About Firefox'' from the resulting roll out menu.
 +
#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===
 +
[[File:Chrome_Allow_Deny.png|right]] [[File:Avt.png|thumb|"Chrome AV Select"|left]] [[File:Firefox_Allow_Deny.png|thumb|"Firefox AV Select"]]
 +
#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.
 +
#Click ''Allow'' to enable your camera and microphone to be used within a Roll20 game.
 +
 
 +
 
 +
'''OR'''
 +
 
 +
 
 +
#Click on the ''lock'' icon in the far left of the URL/search bar to reveal a drop down menu.
 +
#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===
 +
#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.
 +
#If not, click on the ''Camera'' icon in the upper left hand corner next to the ''Back'' button.
 +
#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===
 +
#Click on the ''Menu Button'' (three horizontal lines) in the upper right hand corner.
 +
#Click on ''More Tools'' from the dropdown.
 +
#Click on ''Clear browsing data'' from the new options.
 +
#From the drop down "Obliterate the following items from:" select ''the beginning of time'' option.
 +
#Check both ''Cookies and other site and plug-in data'' and ''Cached images and files''.
 +
#Click on ''Clear browsing data'' button.
 +
 
 +
===Clearing Out Firefox's Cache===
 +
#Click on the ''Menu Button'' (three horizontal lines) in the upper right hand corner.
 +
#Click the ''Options Button' (a small gear) from the drop down menu.
 +
#On the ''Advanced'' tab, select the ''Network'' sub-tab.
 +
#Under the ''Cached Web Content'' section, select the ''Clear Now'' button.
 +
 
 +
=Roll20 Settings=
 +
#Inside the Roll20 App, click on the '''Settings''' tab (gear icon), in the upper right hand corner of the screen.
 +
#Under the ''Video + Voice'' options make sure you're set to Broadcast and Receive both Video and Voice.
 +
 
 +
=Device and Bandwidth Tests=
 +
 
 +
==Webcam WebRTC Compatibility Test==
 
*Check to see if your camera works with [https://apprtc.appspot.com Google’s WebRTC demo].  
 
*Check to see if your camera works with [https://apprtc.appspot.com Google’s WebRTC demo].  
 
*Go to: https://apprtc.appspot.com
 
*Go to: https://apprtc.appspot.com
  
===Check that your camera is functioning===
+
==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.
 
*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.
 
*Does the camera work with any other software that uses the camera such as Skype or Photobooth.
  
===Do a bandwidth test===
+
==Perform a Bandwidth Test==
 
*Run a bandwidth test at [http://speedtest.net Speed Test].  
 
*Run a bandwidth test at [http://speedtest.net Speed Test].  
 
*Go to: http://speedtest.net
 
*Go to: http://speedtest.net
Line 65: Line 83:
 
*Make sure that your bandwidth is over 350kbps upload and download.
 
*Make sure that your bandwidth is over 350kbps upload and download.
 
   
 
   
===Solving Technical Issues===
+
=Filing a Report on the Bug Forum=
If none of the above tests helped resolve the issue please follow Steps 1-3 from the [https://wiki.roll20.net/Solving_Technical_Issues Solving Technical Issues Guide], taking special care to temporarily disable all browser add-ons and extensions, temporarily pause your anti-virus, 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 [https://wiki.roll20.net/Solving_Technical_Issues#Step_4:_Provide_a_bug_report Step 4] and file a bug report, including providing all of the necessary information, so that we can further assist you.
+
If none of the above tests and steps helped resolve your issues please follow Steps 1-3 from the [https://wiki.roll20.net/Solving_Technical_Issues 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 [https://wiki.roll20.net/Solving_Technical_Issues#Step_4:_Provide_a_bug_report Step 4] and file a bug report on the [https://app.roll20.net/forum/post/4365015/webrtc-video-and-voice-chat-issues 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 so that we can further assist you.
 +
 
 
[[Category:Docs]]
 
[[Category:Docs]]

Revision as of 01:31, 12 January 2017

Contents

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"
"Firefox 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

  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.

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.

Device and Bandwidth Tests

Webcam WebRTC Compatibility Test

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

  • Run a bandwidth test at Speed Test.
  • Go to: http://speedtest.net
  • Click on Begin Test.
  • Make sure that your bandwidth is over 350kbps upload and download.

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 so that we can further assist you.