Attendees: Audio & Video Issues

Browser specific troubleshooting

Chrome (Mac or Windows)

Open Chrome Preferences, then click on Security and Privacy from the menu on the left of the page. From the list of options, click on Site Settings, then scroll down to Permissions. From this section, you can manage camera and microphone settings overall and per site.

• Double-check that the correct Camera or Microphone device are selected from each of the respective dropdown menus.
  • If the expected device isn't listed, make sure any external devices are configured for your computer!
• Our main site should be listed under "Allowed" in order for video and audio to work: https://app.joinhandshake.com:443

The below screenshots are taken on a Mac: 

Example of Chrome preferences > Security and Privacy > Site Settings: 

Example of Chrome Permissions: 

Example of Chrome Camera Preferences: 

Example of Chrome Microphone Preferences: 

Firefox troubleshooting (Mac or Windows)

Open Firefox Preferences, then click on Privacy & Security from the menu on the left of the page, then scroll down to Permissions. From this section, you can manage camera and microphone settings overall and per site. Make sure the following options are not checked:

• Camera > Settings: "Block new requests asking to access your camera" and
• Microphone > Settings: "Block new requests asking to access your microphone" 

Example of Firefox preferences on a Mac: 

Safari troubleshooting (on Mac only)

Handshake should function normally in Safari on both Mac and Windows, however, Twilio only supports Safari on Mac. Read more about Twilio's support browsers:  https://www.twilio.com/docs/voice/sdks/javascript#supported-browsers. 

Open Safari Preferences, then click on Websites, the third icon from the right at the top of the pane. Follow the steps below, based on the behavior experienced:

• Unable to use microphone: Click on Camera from the left menu, locate the joinhandshake.com list item, then click the dropdown menu and select Allow.
• Unable to use camera: Click on Microphone from the left menu, locate the joinhandshake.com list item, then click the dropdown menu and select Allow.
• No sound output from session: Click on Auto-Play from the left menu, locate the  joinhandshake.com list item, then click the dropdown menu and select “Allow All Auto-Play”.
  • If the setting is on "Stop Media with Sound" or "Never Auto-Play", the sound is automatically restricted. To help quickly solve for this while you're in the session, click on the Unmute speaker audio button in the lower-left corner of the video to get Safari to publish the sound.

Example of Safari > Preferences > Websites: Auto-Play with dropdown menu options:

Example of Unmute speaker audio button displayed:

Edge troubleshooting (on Windows only)

Handshake should function normally in Edge on both Windows and Mac, however, Twilio only supports Edge on Windows. Read more about Twilio's support browsers:  https://www.twilio.com/docs/voice/sdks/javascript#supported-browsers. 

Open Edge Settings, select Site Permissions on the left side, and then select Camera or Microphone.

For both options, make sure that:

• "Ask First" is selected as default
• the correct camera or microphone device is selected in the drop down menu
• the joinhandshake.com site is allowed (not blocked)

To read more on these settings, refer to https://support.microsoft.com/en-us/windows/windows-camera-microphone-and-privacy. 

Note: if you are using Edge on Windows 10, you may also need to follow the steps below for Windows 10, in addition to changing Edge settings.

Windows 10 required settings for camera and mic

Windows has its own privacy settings for microphone & camera that are independent of the browser. By default in most cases this is turned off.

There are two settings pages:

• Settings > Privacy > Microphone
• Settings > Privacy > Camera

Both pages have two toggles:

• Allow apps to use my microphone/camera (used for built-in Microsoft apps from their app store)
• Allow desktop apps to use my microphone/camera (used for things like browsers and Zoom)

The second toggle (for desktop apps) can only be enabled if the first is enabled, so you will need to turn both toggles on in both places for your browser to be able to access their mic and camera.

Example of Windows 10 settings: 

System Troubleshooting

If you're still experiencing audio or video issues after confirming that your browser preferences are configured correctly, follow the steps below to further isolate the cause. 

1. Confirm the hardware is working as expected: 

• Confirm that your speakers and volume control both work.
  • Test the sound and microphone by using another platform or application through your device.
• Confirm that your device can play video.
  • We recommend testing this by watching a video on Youtube (or other known good site).

2. Make sure that you have a reliable Internet connection. Use the Twilio Network Test to determine if your browser can successfully access the required Twilio resources:https://networktest.twilio.com/.

• If you're experiencing video issues while using blurry background, try turning blur off to improve performance.

3. Refresh the page and re-launch the video session. 

4. Fully quit and restart the browser.

5. Restart your computer. 

6. Try a different supported browser.