Coder Social home page Coder Social logo

zoff-music / zoff Goto Github PK

View Code? Open in Web Editor NEW
67.0 2.0 9.0 16.46 MB

The shared YouTube and SoundCloud listening platform

Home Page: https://zoff.me

CSS 7.69% JavaScript 76.25% HTML 7.15% Handlebars 8.92%
youtube radio responsive collaborative-listening music-streaming zoff javascript stream-music streaming collaborative-media-player

zoff's People

Contributors

coffeeshakez avatar nixolas1 avatar optimuscrime avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

zoff's Issues

Some TODOs

  • Shorter IDs on remote control, but make sure they are unique (check list over used ids)
  • Add description to qr code in remote panel
  • Advertise Zoff in many channels/places
  • SEO - optimalize site for search (89 in Google Lighthouse Audit)
  • More visible hover on FP nav elements
  • whole chan pane clickable
  • put non-selectable css in correct places
  • fix github logo in footer
  • make scrollbar not dissapear on modal popup

Move controls

Move the controls so they align with the new controlpanel under the video. Change so the admin menu slide up from the bottom of the controls too.

Rename project

Rename Zöff to something easily communicated.
And get a new international domain maybe?

  • radiolist.me
  • livemix.me
  • instamix.me

Re-make using material design

  • Fix file structure
  • Implement materialize http://materializecss.com/
  • Remake nochan
  • Remake main/index
  • Color from thumb
  • Voting style
  • Disp Chan name
  • Fix search box
  • pass box icon
  • disabled settings togglers style
  • style urls at bottom of footer
  • use minimized version of libs before launch
  • [ ](Rename Project, maybe fork? #108)
  • [ ](Check security issues)

Will close #35 and #99

Remotely change volume

Change the volume of the device playing the video.
Can be done smartly by having to enter the chan password on both the device that should be controlled and the one controlling, or only the one controlling.

Implement Levenshtein distance

Implement the Levenshtein distance to see if strings are similar. Can be used for upvoting a song instead of adding a new song when it "already exists" in the playlist.

Redesign frontpage

Have frontpage with bigger searchbar.

Maybe timer where random playlistname featured on the frontpage appear as placeholder for the channel input?

Maybe blurred picture with low opacity as "background" behind channel input field, belonging to the channel thats name is picked as placeholder?

Placeholder on empty playlist

Add something so the user doesn't think something is wrong when the list is empty. ("Remove" the looping of "trying" to change videos)

[URGENT] MaterializeCSS Icons

Icons have changed, leaving for example hovering the list items with a filmroll instead of a thumb as an overlay symbol

Channel settings

When you create a channel, or if you are admin, you should be able to change the settings of the channel, like:

  • visibility on frontpage
  • anyone can add/vote songs
  • accept long songs
  • restric to songs only

Can vote several times

One can vote as many times as one wants. Should use unique id and check if user has voted on song before.

Be able to view in "slave" mode

A mode where there is no video or sound, only search and playlist.
Feature wanted mainly because of unneeded resource usage.

The mode can be toggled either locally or by the admin in admin-settings.

MongoDB to mongoose

Why not change mongojs to Mongoose ? May be this change can help you for create code more clean and efficient ;) 👍

Security errors

Some people with strict security settings get errors concerning the use of a different port (3000).
Also, something is wrong with the certificate.

Add support for Safari browsers

Lags like hell in safari, maybe fixed by checking if the browser supports filter css, instead of checking if its firefox.
font sizes are small, have fallback font sizes

Search not returning results

Sometimes searching won't return any results (empty result array from youtube api).
Find out why this happens and how to fix it.
Quite urgent, as it happens about 30%-50% of the time. (At least to me)

Dynamic background image/color

Could be cool with a dynamic background color for the big screens. Some alternatives:

  • day/night colors (white, dark gray)
  • Live rotating hue, either very light or very dark
  • Hue/ radient gradient based on video thumb or live video
  • Blurred background image from thumb, like rdio

Rework how list actions handle

Only send song that was added, deleted or voted on from the server, instead of sending the full, sorted list back to all clients.

This will also mean sorting the lists clientside, instead of serverside. Lowers server load drastically.

Filter:blur

Need to find a solution to the buggy and laggy filter:blur in both firefox and safari.

All help is wanted here.

Import/Export Playlists

Add support for importing playlists from other streaming-services.

Maybe add support to export playlist as file?

  • Import from YouTube
  • Import/copy from other channel
  • Import from Spotify
  • Import from Soundcloud
  • Export to Soundcloud
  • Export to YouTube
  • Export to Spotify

webP alternatives

Create webP alternatives for the buttons in the player, so firefox users will be able to see the controls.

[Mobile] Footer

Move footer to bottom of webpage, and give it some spacing in height.

At the moment, it's in the middle of the page if you have more songs that fits the screen.

Set channel admin

Have a setting icon left of the skip button, to enter the admin/settings page of a channel, where the first person to enter can set a admin password for later access.
See issue #4

Delete songs if admin

When you have entered the channel password you should be able to remove songs from the playlist, maybe from a button besides the vote buttons

Text on site is improperly displayed/antialiased

When the page loads, you see crisp text and boxes for a few moments before it gets smoothed out and becomes less legible. No idea what causes it.
Also affects almost all other elements on page.
Urgent.

Admin panel fixes

The admin panel needs several fixes:

  • Better descriptions for each setting, maybe as title="desc", and some rewording
  • Inform user if there is a set password or not
  • move password box on top
  • possibility to change or remove pass, maybe?
  • make the checkboxes nicer/convert to toggles
  • alert user if you try to do something which only a admin can do, and you are not.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.