The toonin's discuss from grey-software

How do users toonin at the moment?

Toonin currently supports tuning in via the web app by having the user enter the room name they want to enter.

How would users toonin via the extension?

I envision the user being able to enter the room name into the popup box that appears when the chrome extension is clicked.

**Would this open a new tab to the toonin web app or tune in on the current tab. **

We could make this configurable in the future, but I would imagine opening a new tab is the feature we're looking for, since you wouldn't want your toonin session to be tied to another tab's lifecycle.

Setup continuous integration

We should look into setting up continuous integration for toonin. Students get Travis CI as a part of their student developer pack.

Improve code for extension

Make toonin compatible with all platforms

Title not visible of host stream on vue app.

Implement a distributed streaming system for scalability

Implement a distributed streaming system by converting peers of source as hosts depending on the load

Add a config.json for global variables

After clicking start sharing, should also be able to stop sharing

chrome extension

Show number of listeners in the extension

Imrpove code for App.

No check on server if room exists or not.

Extension visuals incorrect on windows/linux

Users cannot easily share their toonin room

We should allow users to copy their toonin room's link to their clipboard.

Warning on loading extension on chrome

A cookie associated with a cross-site resource at http://www.toonin.ml/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

Endpoints for app and extension should be defined in the root folder in .env file.

Audio Streaming through data channels has a clicking sound in the background

When streaming audio through data channels, there is a clicking sound that can be heard on the client along with the audio. Between multiple data packets of audio, the audio wave is cut abruptly at a point other than the natural zero crossing leading to a "click" sound.

Refer: http://alemangui.github.io/blog//2015/12/26/ramp-to-value.html

let toonin users know of tab title

Make the toonin box non-persistent

The toonin box currently persists on the DOM of the source stream tab. This is intrusive to the experience of someone using a service such as Youtube or Spotify.

Following chrome extension best practices, we should have our chrome extension's ui persist only as long as the user currently requires it to.

This would likely involve a re-design on the states that the chrome extension can be in as well so that the user sees the appropriate UI when they click the extension.

Turn signalling server infrastructure serverless

Deprecate the React App

We should remove the React app from the master branch to reduce clutter.

Add debugging support for chrome extension

It is currently difficult to debug the extension because we only see the minified js. We could have an option to build dev and prod versions, with the former not being minified for debugging purposes.

Add option for user to close the room in the extension.

Add option for user to disconnect when listening to audio through the extension

The web app should tune in to a room automatically if specified in the URL.

If a user enters toonin.ml/room-name, the web app should automatically toonin to the room with name 'room-name'

Room names with slashes in them ("/") causes the app to break

Room names with "/" in them messes the call to backend server. For e.g., if room name == "event/room1", the server thinks we're making a "GET" request to the route event/room1 instead of the standard /:roomID dynamic route

Tuning in via routes doesn't work on production

The web app currently does not tune in via routes such as /roomName

This is because the app is served statically.

We may have to investigate to see if wrapping our Vue web app with a SSR framework like Nuxt would solve this for us.

end room functionality doesn't exist.

Add Web App Support for MacOS/iPhone/iPad

Currently, the web app crashes on apple products or the audio doesn't work. The issue caused due to missing audio context on apple devices

WebRTC data channel audio streaming audio break-up

recieveChannel.onmessage = function(event) {
              
                  if(typeof(event.data) === "string") {
                      // recieve the offset from the src to compensate for extra data at the start of 
                      // every arraybuffer
                      firstBufferDur = Number(event.data);
                      console.log('offset: ' + firstBufferDur);
                  }
                  else {
                      audioContext.decodeAudioData(event.data, function(buffer) {
                          if(bufferQueue.length < 4) {
                              bufferQueue.unshift(buffer);
                          }
                          else {
                              bufferQueue.unshift(buffer);
                              nextBuffer = bufferQueue.pop();
                              soundSource = audioContext.createBufferSource();
                              soundSource.buffer = nextBuffer;


                              // here there is breakup because there is a gap between new buffer playing and old one ending


                              soundSource.start(audioContext.currentTime + prevBufferDur, firstBufferDur);
                              prevBufferDur = nextBuffer.duration;
                              soundSource.connect(soundDest); 
                              tabAudio.srcObject = soundDest.stream;
                              tabAudio.play();
                          }
                        
                        //visualizer();
                        
                    }, function(error) {
                        console.log('Audio Decoding failed. Error: ' + String(error));
                    });
                  }
              }

grey-software / toonin Goto Github PK

toonin's Issues

Recommend Projects

Recommend Topics

Recommend Org