Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
May your rolls be chill this holiday season!
Create a free account

White bar to the left of my video screen

There appears to be a white bar cutting off some of my video on my video feed. Can still see my face, but it's just annoying. Have cleared browsing on Chrome, refreshed etc, but I think it's only a roll20 problem?
1587581433

Edited 1587581603
Same issue. Only seems to be Chrome and Roll20. Firefox works on Roll20 and Chrome seems to work otherwise. Doesn't seem to be all Chrome users. One of my players is working fine with Chrome.
1587586354

Edited 1587586364
Hello Davina C., Please carefully work through to the first three steps of our guide to Solving Technical Issues : Step 1: Make sure to use the right browser. Please check if these issues persist when using both Chrome and Firefox. Step 2: Ensure that there are no extensions/addons interfering with Roll20. Please disable all add-ons/extensions. Step 3: Clear your cache If none of the above succeeds, please work through (or have your player thoroughly work through) Step 4. (Don't forget the complete Console Log!) If you need additional information on how to capture a console log we have additional information here: Submitting a Console Log in Firefox Submitting a Console Log in Chrome Thank you!
Can you post a screenshot of the problem? Someone else might recognize it.
I'm having the same problem except it is a blacked out section to the left.  Only happens in Chrome.  Just started today.  The extensions are turned off.  Restarted my computer.  Checked the camera software.  The problems goes away using MS Edge.  Weird
The camera window has a blocked out area to the left ( in my case black) . It wasn't there last week and nothing on either my computer or browser has changed.
Now for the stranger part.  I'm using the same browser ( Chrome) on my laptop, so I logged in there.  The black bar issue went away on that computer using the computer's internal camera.  On my desktop computer , I am using a Logitech C290.  The driver is up to date and no other changes have been made.  I unistalled the camera through the device manager and reinstalled it and rebooted.  This didn't help.  Black bar still there.
Same issue, cant find an answer
Yea can confirm same issue, same browser worked last time I played 2 weeks ago. 
For folks that are experiencing this issue: When you go to "My Settings" > "Game Settings" > "Chat Tech", is Roll20 WebRTC selected? Is this only happening in one game or across multiple? If you download the "WebRTC Debug Log" from when this error occurs and paste the information here, that may help us investigate further. Otherwise, as FoeAndArrows mentioned, we would need to ask for your help in grabbing console logs from chrome at the time the issue occurs.
Juniper L. said: For folks that are experiencing this issue: When you go to "My Settings" > "Game Settings" > "Chat Tech", is Roll20 WebRTC selected? Is this only happening in one game or across multiple? If you download the "WebRTC Debug Log" from when this error occurs and paste the information here, that may help us investigate further. Otherwise, as FoeAndArrows mentioned, we would need to ask for your help in grabbing console logs from chrome at the time the issue occurs. Still having this issue. Saw it last Thursday (4/23) yesterday, and today. Switching to firefox seems to work. But Chrome is my primary browser.  Roll20 WebRTC is selected. (Have not changed any of these settings besides a few display/receive all/nothing) and restarts.
Same problem. No fix. New this week and never had the problem before. My console log: app.roll20.net/:12 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-ev8GCGGDtkQCaEWZ' <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com". Either the 'unsafe-inline' keyword, a hash ('sha256-pSBfo0saCo+svhwahP+zreGhL9lHF1I5hhNdAwhfnpw='), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:13 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-ev8GCGGDtkQCaEWZ' <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com". Either the 'unsafe-inline' keyword, a hash ('sha256-/XHNKTzdVLpPBcMgsOl9LN6PEC5ufZbaLdoU14BWKr0='), or a nonce ('nonce-...') is required to enable inline execution. jquery.migrate.js:20 JQMIGRATE: Logging is active instrument.ts:129 CAMPAIGN ID: 6659132 instrument.ts:129 70 instrument.ts:129 Custom Sheet Translation instrument.ts:129 TOUCH SUPPORTED: false instrument.ts:129 USING WEBGL ACCELERATION... instrument.ts:129 WEBGL STARTUP SUCCESS instrument.ts:129 Loading Custom character sheet. instrument.ts:129 Including compendium template css. instrument.ts:129 tuts loaded app.roll20.net/:1 [DOM] Found 2 elements with non-unique id #color_value: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ cdn.inspectlet.com/inspectlet.js?wid=360929120&amp;r=441095:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT sheetsandboxworker.js?1587943709331:682 Starting up WEB WORKER sheetsandboxworker.js?1587943709341:682 Starting up WEB WORKER instrument.ts:129 Final page load. instrument.ts:129 Auth'ed. instrument.ts:129 Go post auth! instrument.ts:129 initial setup instrument.ts:129 joining game... 6instrument.ts:129 Full load page! instrument.ts:129 We have 6 pages instrument.ts:129 Player -M42K2wifF17AFrFoyGk is offline... instrument.ts:129 Player -M42K48ZbG5Tb89a5WTl is offline... instrument.ts:129 Player -M42Np3cKWf0bblwNn5m is offline... instrument.ts:129 Deferred finish joining... instrument.ts:129 Firebase Online app.roll20.net/:1 [DOM] Found 7 elements with non-unique id #color_value: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ &lt;input type=​"text" size=​"8" id=​"color_value"&gt;​ instrument.ts:129 FIREBASE WARNING: Exception was thrown by user callback. TypeError: Cannot read property 'getElementsByTagName' of undefined &nbsp; &nbsp; at new n (<a href="https://app.roll20.net/assets/app.js?1587756484:331:25538" rel="nofollow">https://app.roll20.net/assets/app.js?1587756484:331:25538</a>) &nbsp; &nbsp; at t.connection (<a href="https://app.roll20.net/assets/app.js?1587756484:585:18361" rel="nofollow">https://app.roll20.net/assets/app.js?1587756484:585:18361</a>) &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/app.js?1587756484:585:15295" rel="nofollow">https://app.roll20.net/assets/app.js?1587756484:585:15295</a> &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/app.js?1587756484:585:15614" rel="nofollow">https://app.roll20.net/assets/app.js?1587756484:585:15614</a> &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/firebase.2.4.0.js:262:42" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:262:42</a> &nbsp; &nbsp; at gc (<a href="https://app.roll20.net/assets/firebase.2.4.0.js:52:165" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:52:165</a>) &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/firebase.2.4.0.js:229:98" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:229:98</a> &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/firebase.2.4.0.js:186:355" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:186:355</a> &nbsp; &nbsp; at Qh.h.Ld (<a href="https://app.roll20.net/assets/firebase.2.4.0.js:188:104" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:188:104</a>) &nbsp; &nbsp; at Eh.Ld (<a href="https://app.roll20.net/assets/firebase.2.4.0.js:178:364" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:178:364</a>) &nbsp; &nbsp; at vh.Kg (<a href="https://app.roll20.net/assets/firebase.2.4.0.js:176:280" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:176:280</a>) &nbsp; &nbsp; at yh (<a href="https://app.roll20.net/assets/firebase.2.4.0.js:170:464" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:170:464</a>) &nbsp; &nbsp; at WebSocket.La.onmessage (<a href="https://app.roll20.net/assets/firebase.2.4.0.js:169:245" rel="nofollow">https://app.roll20.net/assets/firebase.2.4.0.js:169:245</a>)&nbsp; (anonymous) @ bundle.min.js:2 helpers.ts:110 Uncaught TypeError: Cannot read property 'getElementsByTagName' of undefined &nbsp; &nbsp; at new n (app.js?1587756484:331) &nbsp; &nbsp; at t.connection (app.js?1587756484:585) &nbsp; &nbsp; at app.js?1587756484:585 &nbsp; &nbsp; at app.js?1587756484:585 &nbsp; &nbsp; at firebase.2.4.0.js:262 &nbsp; &nbsp; at gc (firebase.2.4.0.js:52) &nbsp; &nbsp; at firebase.2.4.0.js:229 &nbsp; &nbsp; at firebase.2.4.0.js:186 &nbsp; &nbsp; at Qh.h.Ld (firebase.2.4.0.js:188) &nbsp; &nbsp; at Eh.Ld (firebase.2.4.0.js:178) &nbsp; &nbsp; at vh.Kg (firebase.2.4.0.js:176) &nbsp; &nbsp; at yh (firebase.2.4.0.js:170) &nbsp; &nbsp; at WebSocket.La.onmessage (firebase.2.4.0.js:169) app.roll20.net/:1 Access to fetch at '<a href="https://sentry.roll20staging.net/api/10/store/?sentry_key=fe596f386bb14775b58cad9accd672d0&amp;sentry_version=7" rel="nofollow">https://sentry.roll20staging.net/api/10/store/?sentry_key=fe596f386bb14775b58cad9accd672d0&amp;sentry_version=7</a>' from origin '<a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a>' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. sentry.roll20staging.net/api/10/store/?sentry_key=fe596f386bb14775b58cad9accd672d0&amp;sentry_version=7:1 Failed to load resource: net::ERR_FAILED 2DevTools failed to load SourceMap: Could not load content for <a href="https://app.roll20.net/js/d20/underscore-min.map" rel="nofollow">https://app.roll20.net/js/d20/underscore-min.map</a>: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
Hi, same problem for me yesterday. First occur since i play on roll20 with Chrome (No problem with Firefox).
1588542767

Edited 1588543026
Having the exact same problem using a Logitech C270 (yes, it's old, but it's worked flawlessly for years on every app ever).&nbsp; Didn't have the problem using the same game, same PC, same browser literally last week. Thought the camera was dying... confirmed it works outside Chrome. Dowloaded the WebRTC log and it's empty (currently testing in a game with no other players): ----- Personal LOG ----- Loading Roll20 Chat Event Handlers Number of other Players: 0 Broadcast Type: both Receive Type: both Started local media ---- END Personal LOG ---- WeRTC isn't an option to disable/enable for me - it's just... what Roll20 does now (has been for years if I'm not wrong?). My camera looks exactly like the screenshot someone posted above - black bar down the left half. Yesterday the other players confirmed they didn't see the bar - that's just where my camera cut out, so it looked like I was using a phone in "portrait mode" and everything was stretched to fit the square layout.
1588640168

Edited 1588640232
after doing&nbsp; a little digging I went into google.&nbsp; &nbsp;go to the linear 3 dots on the top right of any google web page next to your browser bar.&nbsp; mini window opens and go to settings near the bottom and open.&nbsp; then open advanced settings, then system.&nbsp; turn on "Use hardware acceleration when available" and hit relaunch.&nbsp; should reload and fix the problem.&nbsp; worked for me last night.&nbsp; hope this helps you all out as well
Thank you folks, could I ask&nbsp;ask for webcam make/model, Browser and OS as well? This seems to be Chrome specific and may be remedied by following Chad's suggestion pertaining to Hardware acceleration from above.
@Chad B. THANK YOU!&nbsp; This has been buggin me!&nbsp; Fixed for me!
Logitech C920, Chrome, Windows 10. Turning on hardware acceleration fixes it, but I'd prefer it works with either as there's other things I use which need that disabled and it'd be a pain to keep switching between them.
Hardware Acceleration enable worked for me too, thank you :) Still keen to hear of a fix that doesn't involve having it on however!
Logitech C920, Chrome, Windows 8 Hardware Acceleration enable didn't work
Logitech C920, Chrome, Windows 10
hardware acceleration did the trick for my C920 as well. Thanks a bunch, that sure was an odd one, like the whole view was shifted to the right.
1591076627
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
The Logitech C920 is a webcam that comes up often with problems. It's either problematic, or just so darned popular that it gets mentioned more than any other.
Can confirm that this is a problem with Chrome, most likely.&nbsp; I've switched to the Chromium based Edge browser and the camera works fine there.