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 .
×
Create a free account

My webcam is shifted for me but not for my players.

  This is what I see in my own game. My face shifted to the right. However, my players don't have the black bar and see my entire face. Reloading multiple times doesn't do anything, as doesn't resetting the camera input.
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
1587971231

Edited 1587971383
I also had this problem how do we fix.&nbsp; that is a lot of code above, but I don't see a clear fix
Some people have reported this problem only happens in Chrome. Have you tried using Firefox?
it does seem to be chome specific, used on edge and it was fine.&nbsp; I just like Chrome better
I don't have Firefox because I don't trust softwares with animal mascots especially not ones with elemental powers. Foxes are a particularly sneaky animal and fire is the most aggressive of all elements on top of that all.
I have this same issue and it's only in chrome, and it only started last week. Video works fine using firefox. Unfortunately I really prefer chrome because I can make the pop outs into tabs. Ugh I need a solution.
+1 Same issue for me as of 4/28, played about two weeks ago no issue.&nbsp; Others in the game don't see the black bar, and all others' video looks right, just me on my own avatar.&nbsp; Other applications, webrtc, etc are no problem at all.&nbsp; I tried on a different machine with chrome and it displayed properly.&nbsp; Cleared cache, updated chrome, removed all cookies, reboot, no change.&nbsp; &nbsp;Chrome&nbsp; Version 81.0.4044.129 (Official Build) (64-bit)&nbsp;&nbsp;
I've also been having this exact issue in the above version of Chrome as of 4/25. Cleared cache, cleared cookies, no change. Broken for me but not for anyone else, but I stream the games for our group so a camera being broken messes up my overlays. :(
For what its worth folks, it looks like a problem with chrome and not roll20. Because this happens on facebook calls on chrome as well
Interesting. I've been having this issue for two weeks now, but have not been able to replicate anywhere else. Also have not seen any news on if this can be fixed.
I also have this issue.
After intense research this is a Chrome problem that exists on many webapps and probably nothing can be done until Chrome fixes it (not Roll20's problem as far as I can tell). I've swapped to using Firefox until its fixed. I don't prefer it but its better than dealing with the problem.
I am also having this issue.