GithubHelp home page GithubHelp logo

debugger22 / github-audio Goto Github PK

View Code? Open in Web Editor NEW
1.7K 28.0 97.0 82.03 MB

Listen to music generated by events happening across GitHub :octocat: ๐ŸŽท

Home Page: https://github.audio

License: MIT License

HTML 15.54% JavaScript 33.44% CSS 14.39% Rust 35.66% Dockerfile 0.96%
music github-api github

github-audio's Introduction

github-audio's People

Contributors

andrewda avatar chaudharyprakash avatar debugger22 avatar emsk avatar gowthamgts avatar jennylia avatar mcornella avatar orkohunter avatar peterdavehello 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  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  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

github-audio's Issues

Pause button?

Would be nice to have a simple on/off or pause button that stops the audio AND stops the animations. Right now, if you turn the volume all the way down, the animations still happen. Would be nice to turn off animations too.

Wikipedia sounds better

Sorry, but Wikipedia sounds much better. I am not sure what the reasons are, but there may be some more events, the sounds are more different and there are some low-pitched sounds...

GitHub currently sounds only as if some glasses would be clinking whereas Wikipedia e.g. also has some guitar sounds.

Relative volumes

It may well be a "perceptual" issue rather than a "physical" issue, or a bug, but to me it sounds like the volume slider easily affects all the sounds (plucks and swells) but not the bells. The bells remain relatively very prominent even if you move the slider almost to zero.
Can anyone else confirm this? I tried both in browser (Chrome latests beta) and in the mac wrapper app.
can we have more control over what sound goes for what event?

String pluck (clav) sound never played

The Issue related events are animated but I think the wrong sound is played. At least it is not consistent with the description on the website. Celest is always played for both push and issue event. This means that the clav sounds are never played. Just an observation ๐Ÿ˜„

nice!

I like the sound.
It is a soothing sound.
Thank you!

Sleep Timer

A few friends of mine (me included), think that due to the calming nature of the sounds produced, it would be a great tool to use for meditation and sleeping.
Because of it being a great tool for sleep and relaxation, a sleep timer may be a good implementation. For example, an available option to the user to enable a sleep timer, which, after a set or variable number of minutes, it mutes the output of the GitHub Audio page.

Stops playing in background in Safari

After some amount of time in the background, in a different tab specifically, swells stop playing and eventually everything stops. Occasionally sounds will play but it seems random.

How does the sound loading work?

Looking at the code from the main.js file:
`
// Load sounds
for (var i = 1; i <= 24; i++) {
if (i > 9) {
fn = 'c0' + i;
} else {
fn = 'c00' + i;
}
celesta.push(new Howl({
src : ['https://d1fz9d31zqor6x.cloudfront.net/sounds/celesta/' + fn + '.ogg',
'https://d1fz9d31zqor6x.cloudfront.net/sounds/celesta/' + fn + '.mp3'],
volume : 0.7,
onload : sound_load(),
buffer: true,
}))
clav.push(new Howl({
src : ['https://d1fz9d31zqor6x.cloudfront.net/sounds/clav/' + fn + '.ogg',
'https://d1fz9d31zqor6x.cloudfront.net/sounds/clav/' + fn + '.mp3'],
volume : 0.4,
onload : sound_load(),
buffer: true,
}))
}

for (var i = 1; i <= 3; i++) {
swells.push(new Howl({
src : ['https://d1fz9d31zqor6x.cloudfront.net/sounds/swells/swell' + i + '.ogg',
'https://d1fz9d31zqor6x.cloudfront.net/sounds/swells/swell' + i + '.mp3'],
volume : 1,
onload : sound_load(),
buffer: true,
}));
}

Howler.volume(volume);
`
It looks like the sounds are remotely hosted, but the sounds folder is populated with ogg files. Are those fallbacks, and can I replace them to change the sound output?

No horizontal scroll-bar

Add this to your CSS:
html, body { /* You've this class at line 52 */
overflow-x: hidden;
}

This will disable horizontal scroll to your page :)

Remote streaming

After listening for a while, i feel like it would be awesome if i was able to connect this with my sonos or other speaker systems. Or at least have a naitive app so the audio doesn't stop whenever i quit mobile safari

URL for org wise filter

Currently if anyone has to see the activities of Org xyz, they open the webpage and manually write it and press enter.

There can be a shareable URL which would do that. e.g. github.audio/xyz would automatically filter events for xyz org.

Expose the framework behind UI viz and music

github.audio uses events to generate UI bubbles and sounds. The events in this case are coming from GitHub. But there are several use cases where the events could come from a different system and folks might want a similar website to be up and running.

A finance company might want to hear the sounds of transactions.
Twitter might want to hear the sounds of activities on Twitter.

The framework behind this should be reusable and separated out from github.audio project :)

Add link to to the url

Can you please add a link to the repository that is generating the music? It would be much more simpler to go to that repo if we see something interesting.

can't hear comments?

Not sure if this is a feature or a bug, but you can't hear comments on the player :'(

won't work in safari...

tried listening in safari 9.1.3 on a mid-2011 iMac (OS X El Capitan 10.11.6) and it came up with this:
screen shot 2016-10-03 at 7 19 01 pm

disabled all extensions, still the same result. any ideas?

Host with Static Pages or Heroku

It is sad that the hosted version of GitHub Audio does not exist anymore. It is economically not possible to host it on a paid server due to the costs.

These are alternate options :

  • Host using Static pages. Since, all of it is written in Javascript, https://github.audio can be a static website.
    • Check out Netlify which is a better alternative to GitHub pages. It also allows setting environment variables which will be required to store GitHub tokens.
  • Host the app on Heroku. Heroku offers free hosting for a limited number of hours per month. A Heroku instance will be very helpful for a quick look prototype of the project.

Add filter option

Being able to filter by a particular repo or organization would be cool. That way companies could host this on a TV in their offices ๐Ÿ‘ and use it as a calm way to know there are updates

notify/different sound for actions you tigger?

i thought that since i listen to this while coding, it would be nice to have a different sound if one of your pull requests or whatever gets its own 2 seconds of fame...

Edit: maybe the app could allow you to sign in with your GitHub account and automatically add any actions you trigger to the action queue

Is this 100% of traffic event of public github?

Hey,

I was wondering, is the audio we're listening is 100% of Github public repositorie's event or do you filter out a % of the traffic event? (if that's the case, how much % is actually displayed/sounded on your project ?)

More sounds for issues

It seems you do not yet make sounds for closing/opening issues. Also commenting on issues might be a soundful event. ๐Ÿ˜‰
The same applies to adding emoticons to comments/issues.

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.