Rvndyr / MultiMon-frontend

Twitch Multi-Mon - A utility used to watch multiple streamers utilizing the Twitch API
MIT License
0 stars 0 forks source link

Embedded player fails to properly load video #5

Open manicmachine opened 3 years ago

manicmachine commented 3 years ago

OS: MacOS 11.4 Browser: Firefox 89.0.2 (64-bit) Issue: When attempting to open a channel, the embedded video player displays the error:

Whoops! Video playback error. (Developers: Please specify valid set of arguments)

Found the following errors in the developer console: 11:15:12 AM [ERROR] [auth] Login nonce mismatch. Error: Login nonce mismatch. i https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 v https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 v https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 k https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 209953 https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 i https://www.twitch.tv/passport-callback#access_token=7ftausd6ex424h5t6nbhk2w0mijzyc&scope=chat_login+user_read+user_subscriptions+user_presence_friends_read&state={"origin":"full_page","next":"https://www.twitch.tv/embed/Pestily/chat?parent=multi-mon.netlify.app&parent=localhost","nonce":"f3b0419531355027fdc68183d07e20fc"}&token_type=bearer:1 t https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1

https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 O https://www.twitch.tv/passport-callback#access_token=7ftausd6ex424h5t6nbhk2w0mijzyc&scope=chat_login+user_read+user_subscriptions+user_presence_friends_read&state={"origin":"full_page","next":"https://www.twitch.tv/embed/Pestily/chat?parent=multi-mon.netlify.app&parent=localhost","nonce":"f3b0419531355027fdc68183d07e20fc"}&token_type=bearer:1 https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 a https://www.twitch.tv/passport-callback#access_token=7ftausd6ex424h5t6nbhk2w0mijzyc&scope=chat_login+user_read+user_subscriptions+user_presence_friends_read&state={"origin":"full_page","next":"https://www.twitch.tv/embed/Pestily/chat?parent=multi-mon.netlify.app&parent=localhost","nonce":"f3b0419531355027fdc68183d07e20fc"}&token_type=bearer:1 https://static.twitchcdn.net/assets/core-68406e6b87ebcb429524.js:1 core-68406e6b87ebcb429524.js:1:1174942 Failed to execute ‘postMessage’ on ‘DOMWindow’: The target origin provided (‘https://www.twitch.tv’) does not match the recipient window’s origin (‘https://multi-mon.netlify.app’). passport-callback Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://sentry.io/api/1517394/store/?sentry_key=26325509987e418db03e96d12352a731&sentry_version=7. (Reason: CORS request did not succeed). Failed to execute ‘postMessage’ on ‘DOMWindow’: The target origin provided (‘https://www.twitch.tv’) does not match the recipient window’s origin (‘https://multi-mon.netlify.app’).
manicmachine commented 3 years ago

Refreshing seemed to resolve the issue

Rvndyr commented 3 years ago

I am unable to replicate this issue, can you provide some more details on what you did to receive this error?

What Browser were you using when you saw the error?

manicmachine commented 3 years ago

I had authenticated to twitch, it redirected me back to the landing page with the "Twitch" button still being shown. Pressed it again with no results. Tried once more, after a few moments it redirected me to the channel page. I then clicked on a channel and the player appeared with the error.

I updated my comment to include the browser (guess a standalone version isn't very useful lol).