{"action":"closed","issue":{"url":"https://api.github.com/repos/kevinchau321/TReactr/issues/5","repository_url":"https://api.github.com/repos/kevinchau321/TReactr","labels_url":"https://api.github.com/repos/kevinchau321/TReactr/issues/5/labels{/name}","comments_url":"https://api.github.com/repos/kevinchau321/TReactr/issues/5/comments","events_url":"https://api.github.com/repos/kevinchau321/TReactr/issues/5/events","html_url":"https://github.com/kevinchau321/TReactr/issues/5","id":222271552,"number":5,"title":"Creating Audio Source Node from React-Player Audio Tag.","user":{"login":"kevinchau321","id":6045301,"avatar_url":"https://avatars2.githubusercontent.com/u/6045301?v=3","gravatar_id":"","url":"https://api.github.com/users/kevinchau321","html_url":"https://github.com/kevinchau321","followers_url":"https://api.github.com/users/kevinchau321/followers","following_url":"https://api.github.com/users/kevinchau321/following{/other_user}","gists_url":"https://api.github.com/users/kevinchau321/gists{/gist_id}","starred_url":"https://api.github.com/users/kevinchau321/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kevinchau321/subscriptions","organizations_url":"https://api.github.com/users/kevinchau321/orgs","repos_url":"https://api.github.com/users/kevinchau321/repos","events_url":"https://api.github.com/users/kevinchau321/events{/privacy}","received_events_url":"https://api.github.com/users/kevinchau321/received_events","type":"User","site_admin":false},"labels":[{"id":542383080,"url":"https://api.github.com/repos/kevinchau321/TReactr/labels/help%20wanted","name":"help wanted","color":"128A0C","default":true}],"state":"closed","locked":false,"assignee":{"login":"kevinchau321","id":6045301,"avatar_url":"https://avatars2.githubusercontent.com/u/6045301?v=3","gravatar_id":"","url":"https://api.github.com/users/kevinchau321","html_url":"https://github.com/kevinchau321","followers_url":"https://api.github.com/users/kevinchau321/followers","following_url":"https://api.github.com/users/kevinchau321/following{/other_user}","gists_url":"https://api.github.com/users/kevinchau321/gists{/gist_id}","starred_url":"https://api.github.com/users/kevinchau321/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kevinchau321/subscriptions","organizations_url":"https://api.github.com/users/kevinchau321/orgs","repos_url":"https://api.github.com/users/kevinchau321/repos","events_url":"https://api.github.com/users/kevinchau321/events{/privacy}","received_events_url":"https://api.github.com/users/kevinchau321/received_events","type":"User","site_admin":false},"assignees":[{"login":"kevinchau321","id":6045301,"avatar_url":"https://avatars2.githubusercontent.com/u/6045301?v=3","gravatar_id":"","url":"https://api.github.com/users/kevinchau321","html_url":"https://github.com/kevinchau321","followers_url":"https://api.github.com/users/kevinchau321/followers","following_url":"https://api.github.com/users/kevinchau321/following{/other_user}","gists_url":"https://api.github.com/users/kevinchau321/gists{/gist_id}","starred_url":"https://api.github.com/users/kevinchau321/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kevinchau321/subscriptions","organizations_url":"https://api.github.com/users/kevinchau321/orgs","repos_url":"https://api.github.com/users/kevinchau321/repos","events_url":"https://api.github.com/users/kevinchau321/events{/privacy}","received_events_url":"https://api.github.com/users/kevinchau321/received_events","type":"User","site_admin":false}],"milestone":null,"comments":5,"created_at":"2017-04-18T00:57:47Z","updated_at":"2017-04-18T05:08:53Z","closed_at":"2017-04-18T05:08:52Z","body":"In [Deck.js:render()](https://github.com/kevinchau321/TReactr/blob/1de0708f1d54b72afc2b8aa20e2dd825da168474/src/components/Deck/Deck.js#L63), React-Player creates an audio tag (<audio>) when given a soundcloud url. \r\n\r\nThe function `componentDidMount()` just above it will run right after the component is rendered, so we should be able to create an audio source node from it using the [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/createMediaElementSource).\r\n\r\nIf you uncomment line 27: \r\n```\r\n    var source = audioCtx.createMediaElementSource(myAudio);\r\n```\r\n\r\nand run Treactr, we run in to the following error mounting the audio source:\r\n\r\n```\r\nError: Failed to execute 'createMediaElementSource' on 'BaseAudioContext': HTMLMediaElement already connected previously to a different MediaElementSourceNode\r\n```\r\nNOTE: This error doesn't show up in the console and instead shows up in the browser tab.\r\n\r\nI've checked the react-player source code and I did not see any calls to the Web Audio API so I am wondering why it would think that the audio tag has already been associated with another source node.\r\n\r\nHow do we go about debugging this issue?\r\n\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/AudioContext/createMediaElementSource"}}
{"actor":{"display_login":"kevinchau321"}}