preziotte / party-mode Goto Github PK
View Code? Open in Web Editor NEWAn experimental music visualizer using d3.js and the web audio api.
Home Page: https://preziotte.com/partymode
An experimental music visualizer using d3.js and the web audio api.
Home Page: https://preziotte.com/partymode
There is no license spec, can anyone use this whether its a personal project or a monetized project?
Thanks!
due to MediaElementSource only supporting same-origin sources in other browsers
safari play/pause
Safari drag-n-drop issue
Safari freezes when returning from fullscreen
Can anyone confirm which versions?
Move visualization code into separate files
opera document.querySelector('audio').error
returns 4 (MEDIA_ERR_SRC_NOT_SUPPORTED). doesn't support mp3s?
Using the microphone input causes a local echo.
Hey,
I would like to preface saying this is absolutely fabulous. As for the issue, it seems that when you enter fullscreen mode (tested on Chrome and Safari), and try to use Style 4 (the ringed circle one), the visualization stops moving after about .5 seconds. Not sure on a fix, just thought I would mention.
Thanks.
To start off, I want to say that I love the music visualizer, it's my new favourite!
I noticed when pressing "8", there is an odd animation that gets overlaid on the current visualization and causes the previous animation to freeze. This new animation does not move in harmony with the music. To add, when selecting another visualization with the numbers on the keyboard, it returns to the previous state. Please consult the picture below.
Hey,
I think this app is awesome.
Collaboration would be a much easier if the "todo, issues and ideas" were moved out of the README each given their own topics in this issues area. I could do this if no one else wants to.
While the mp3's do a good job demoing the app, they still weight a hefty 200MB's.
Maybe keep the demo files with the demo (http://preziotte.com/partymode) and replace the files in the repo with a small example.mp3 file to minimize the project size.
Would this be able to be used with Spotify?
Safari defer spinning vinyl animation till mp3 finishes loading
A phonehome with information to help with debugging
Related to #17
The idea is to make it simple for a third party to come in and add a quick hack visualization.
The next step would be to add a "load" button on the web page. Then we expand the userbase from "people that can clone github and hack" to "people that can play music and choose a visualization from a list".
This is about to be as big as WinAmp was.
So how would one actually use it on its own page without going through the source a hundred times?
Can anyone that has an iPad help with testing and documenting any issues?
Hello,
I tried to get this working with a Soundcloud song, artist and playlist, but it doesn't work (with Chrome)
Grtz
Safari's AudioContext .createMediaElementSource() method not implemented -- so no progressive loading
ported from readme
firefox transform-origin: center not implemented (mozilla bug)
best explanation ive found for the roadblocks around this: http://stackoverflow.com/a/2743597
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.