How to use GitHub to host music and sfx

Find detailed help from the AAO community, or write your own tutorials.

Moderator: EN - Forum Moderators

User avatar
TheDoctor
Posts: 992
Joined: Mon Sep 16, 2013 6:13 am
Gender: Male
Spoken languages: English

How to use GitHub to host music and sfx

Post by TheDoctor »

Thanks to kwando1313 for helping me with this. :D

After the kiwi6 incident which temporarily caused many users to lose access to their files, it's become apparent that AAO users need another option for hosting their music files. Having recently been introduced to using GitHub for hosting MP3's, I thought I'd share exactly how to go about making your own GitHub account for hosting your own music files.

Why should you do this? Well, for starters...
  1. There's no bandwidth limits.
  2. In my experience, the loading speed of a trial that uses GitHub hosted files tends to be faster than one that uses Dropbox or kiwi6.
  3. You aren't limited to hosting MP3's. You can use this to host SVG's as well, if you're into that.
  4. Did I mention no bandwidth limits?
The only downsides to using GitHub are a 1 GB storage limit and that it tends to be more complicated than what most AAO users are used to. However, 1 GB tends to be more than enough for most trial makers, and while it is complicated, I'm making this guide to help with that.

So without further ado, your list of instructions.

  • Go to GitHub.com and create an account.
  • For a little extra security, after creating your account, you may want to go to your profile page and make your email address private. First, set the dropdown box under "public email" to "don't show my email address." After that, click on "personal email settings." Towards the bottom of the page, you'll see the alternate email address they give you to use. Copy this, as you'll need it shortly.
  • Download GitHub for Windows/Mac and set it up. Log in with your newly created GitHub username and password. When it asks you for the email address you'd like to use when uploading files, paste the email address you copied in step 2.
  • Go back to github.com and click the green "+repository" button on the right hand side, then name your new repository "<username>.github.io" without quotes or angle brackets. Username in this case refers to your GitHub username. It's important that the username match your GitHub username exactly, or it will not work.
  • Now click the "Set up in Desktop" button up in the top left hand section. When the GitHub desktop app opens, save the project.
  • Now, you'll need to locate your "GitHub" folder. The default location in Windows is in documents. Once you've found the GitHub folder, you'll need to open the <username>.github.io subfolder located inside.
  • Open your favorite text editor (like notepad, for instance) and copy the following into the document...

Code: Select all

<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>I'm hosted with GitHub Pages.</p>
</body>
</html>
  • Save the document as "index.html" into your "<username>.github.io" folder (Make sure the file has the .html extension and not the .txt extension).
  • Using the GitHub client, you'll need to commit your changes, so enter a "commit message" in the summary textbox (If you're not a programmer, it doesn't really matter what you type here, so type gibberish if you want), then sync the changes to your site.
  • Now, all that's left to do is grab your sound files, place them in the same folder, commit, then sync. (NOTE: you may want to name your files something concise, yet descriptive, just so it's easier to access them later).
  • Once you've synced the files, you can add them to your case by typing http://<username>.github.io/<filename>.<filetype> into the file URL box in the sound/music section of the trial manager.

Here's an example:

Let's say this guy --> :judge: <-- wants to make his own GitHub account. Being a rather forgetful sort, he wants a username that's easy for him to remember, so he goes with "udgey."
After setting up the GitHub client, he places his favorite music track, "Courtroom Lobby.mp3," and sound effect, "Gavel Slam.mp3" into the udgey.github.io folder, then commits and syncs the changes.
So, if he wants to use those files in a case, the URL's he needs are http://udgey.github.io/Courtroom Lobby.mp3 and http://udgey.github.io/Gavel Slam.mp3.

So, there you have it. A little difficult to set up, but once you get it running, it'll be second nature to you. I hope this helps. Let me know if I missed something though, because it's been a little while since I set my own account up, so I may have forgotten something.
Last edited by TheDoctor on Thu May 18, 2017 5:21 am, edited 7 times in total.
Image Image Image
User avatar
Enthalpy
Community Manager
Posts: 5169
Joined: Wed Jan 04, 2012 4:40 am
Gender: Male
Spoken languages: English, limited Spanish

Re: How to use GitHub to host music and sfx

Post by Enthalpy »

Not a bad guide. Proofread it some, and then I'll try going through it myself and tell you any other points that should be cleared up before I move this into tutorials.

EDIT: And you'll have to credit kwando.
[D]isordered speech is not so much injury to the lips that give it forth, as to the disproportion and incoherence of things in themselves, so negligently expressed. ~ Ben Jonson
User avatar
kwando1313
Posts: 7684
Joined: Tue Jul 22, 2008 6:33 pm
Gender: Male
Spoken languages: English, Français (un peu), Ancient Belkan
Location: Uminari City

Re: How to use GitHub to host music and sfx

Post by kwando1313 »

(Hi, as the person who told you how to do this, I'd appreciate some credit. ^^)
Avatar made by Rimuu~

Image

"The Knight of the Iron Hammer, Vita, and the Steel Count, Graf Eisen. There's nothing in this world we can't destroy."
User avatar
TheDoctor
Posts: 992
Joined: Mon Sep 16, 2013 6:13 am
Gender: Male
Spoken languages: English

Re: How to use GitHub to host music and sfx

Post by TheDoctor »

Whoops, sorry about that. You're credited now. :oops:
Image Image Image
User avatar
Tiagofvarela
Posts: 357
Joined: Thu Jun 26, 2014 7:16 pm
Gender: Male
Spoken languages: English, Portuguese
Location: Portugal

Re: How to use GitHub to host music and sfx

Post by Tiagofvarela »

I'm afraid I'm having trouble finding the so called "green button":

Go back to github.com and click the green "Set up in Desktop" button up in the top left hand section. When the GitHub desktop app opens, save the project.

I've followed every other step. However, I have no idea what or where this supposed green button is. Here's my Github.com
http://i.imgur.com/raUzZuu.png?1

If I skip this step, I find that my Documents/Github folder is empty, so I can't proceed either.

Did I do something wrong?
A Laggy Turnabout ★
A Batty Turnabout ★
A Tricky Turnabout ★
Upcoming: A Worldly Turnabout, A Courtly Turnabout, A Clumsy Turnabout, A Needy Turnabout
User avatar
TheDoctor
Posts: 992
Joined: Mon Sep 16, 2013 6:13 am
Gender: Male
Spoken languages: English

Re: How to use GitHub to host music and sfx

Post by TheDoctor »

Try the green "+repository" button on the righthand side first. That might work. I'll have to do some testing on another computer to make sure on my end though, since I'm not sure what'll happen if I try to set up a separate GitHub on a PC with an existing GitHub.

EDIT: Yeah, that's it. I evidently skipped a step. First, you'll need to click the green "+repository" button on the right hand side, then name your new repository "<username>.github.io" Username in this case refers to your GitHub username.
Image Image Image
123fendas
Posts: 305
Joined: Sat Mar 07, 2015 12:02 pm
Gender: Male
Spoken languages: Svenska, English
Location: Sweden
Contact:

Re: How to use GitHub to host music and sfx

Post by 123fendas »

I need some big help ;_;

I don't know what I'm doing wrong, and I don't know how anyone can help me, but here's the video.

https://youtu.be/yY9e59-2Sls

+ if you go to http://aanickfan.github.io/ it says there isn't a page here.
User avatar
Tiagofvarela
Posts: 357
Joined: Thu Jun 26, 2014 7:16 pm
Gender: Male
Spoken languages: English, Portuguese
Location: Portugal

Re: How to use GitHub to host music and sfx

Post by Tiagofvarela »

Comparing what I saw in your video and comparing it to my experience, I don't think I saw anything blatantly wrong. Did you follow the instructions above to the letter?
*Go back to github.com and click the green "+repository" button on the right hand side, then name your new repository "<username>.github.io" Username in this case refers to your GitHub username. It's important that the username match your GitHub username exactly, or it will not work.

*click on "personal email settings." Towards the bottom of the page, you'll see the alternate email address they give you to use. Copy this, as you'll need it shortly.
+
*When it asks you for the email address you'd like to use when uploading files, paste the email address you copied in step 2.
Since nothing in the video seems to be wrong to me, you might have botched up the creation instead.
http://aanickfan.github.io/ - Proves that your page doesn't even exist, so I'm leaning to you not having done one of the details I quoted above (or some other instruction).

If you did do everything, then I do not know what could have possibly gone wrong. I know it works for me.
A Laggy Turnabout ★
A Batty Turnabout ★
A Tricky Turnabout ★
Upcoming: A Worldly Turnabout, A Courtly Turnabout, A Clumsy Turnabout, A Needy Turnabout
123fendas
Posts: 305
Joined: Sat Mar 07, 2015 12:02 pm
Gender: Male
Spoken languages: Svenska, English
Location: Sweden
Contact:

Re: How to use GitHub to host music and sfx

Post by 123fendas »

Tiagofvarela wrote:Comparing what I saw in your video and comparing it to my experience, I don't think I saw anything blatantly wrong. Did you follow the instructions above to the letter?
*Go back to github.com and click the green "+repository" button on the right hand side, then name your new repository "<username>.github.io" Username in this case refers to your GitHub username. It's important that the username match your GitHub username exactly, or it will not work.

*click on "personal email settings." Towards the bottom of the page, you'll see the alternate email address they give you to use. Copy this, as you'll need it shortly.
+
*When it asks you for the email address you'd like to use when uploading files, paste the email address you copied in step 2.
Since nothing in the video seems to be wrong to me, you might have botched up the creation instead.
http://aanickfan.github.io/ - Proves that your page doesn't even exist, so I'm leaning to you not having done one of the details I quoted above (or some other instruction).

If you did do everything, then I do not know what could have possibly gone wrong. I know it works for me.
I still don't really know what I can do. http://youtu.be/zVjWr4_jCIY

Was it the email part? I didn't really get the email part. Was that important? They never asked me for an email adress...

Maybe they did when I created the account? But I created my account before I saw this post, so I might've missed something important? :ron:
Spoiler : :
But! But!
Silence!
The court sees no reason to further prolong this trial.

123fendas obviously cannot get GitHub.io to work.

And he probably never will.

He will have to struggle with finding "something new"(lol jk there is no other)/working with kiwi6.

But we all know how hard kiwi6 can be.

Sometimes it works, sometimes it does not.

That is all. This court is adjourned.



*slams gavel*

*fade out*
User avatar
TheDoctor
Posts: 992
Joined: Mon Sep 16, 2013 6:13 am
Gender: Male
Spoken languages: English

Re: How to use GitHub to host music and sfx

Post by TheDoctor »

123fendas wrote:I need some big help ;_;

I don't know what I'm doing wrong, and I don't know how anyone can help me, but here's the video.

https://youtu.be/yY9e59-2Sls

+ if you go to http://aanickfan.github.io/ it says there isn't a page here.
Did you upload an index.html file to your repository root?
Image Image Image
123fendas
Posts: 305
Joined: Sat Mar 07, 2015 12:02 pm
Gender: Male
Spoken languages: Svenska, English
Location: Sweden
Contact:

Re: How to use GitHub to host music and sfx

Post by 123fendas »

TheDoctor wrote:
123fendas wrote:I need some big help ;_;

I don't know what I'm doing wrong, and I don't know how anyone can help me, but here's the video.

https://youtu.be/yY9e59-2Sls

+ if you go to http://aanickfan.github.io/ it says there isn't a page here.
Did you upload an index.html file to your repository root?
Yes.

EDIT: Is it possible to create another account on github? This just isn't working out for me... nevermind, I don't think I need to create a new profile.

;_;
User avatar
TheDoctor
Posts: 992
Joined: Mon Sep 16, 2013 6:13 am
Gender: Male
Spoken languages: English

Re: How to use GitHub to host music and sfx

Post by TheDoctor »

The only thing I can think of is that you have your username wrong, because I tried seeing if I could find a page named "https://github.com/aanickfan", but there was nothing. I even checked to see if it was an issue with me not being signed into your account, so I logged out of my account to see if I could access "https://github.com/jwgrlrrajn", but I was still able to see a page there.

So, I have an idea. Log into your GitHub account, go to your profile page, copy the url and paste it in this thread. We should be able to get this figured out.
Image Image Image
123fendas
Posts: 305
Joined: Sat Mar 07, 2015 12:02 pm
Gender: Male
Spoken languages: Svenska, English
Location: Sweden
Contact:

Re: How to use GitHub to host music and sfx

Post by 123fendas »

Oh, no... *facepalm*

I'm sorry, I got the name wrong. Bullseye. :oops:

I have quite a few of them. Thanks for pointing that out!
User avatar
Novaraven747
Posts: 160
Joined: Fri Dec 27, 2013 2:10 pm
Gender: Male
Spoken languages: English and Google Translate XD
Location: Bristol, United Kingdom

Re: How to use GitHub to host music and sfx

Post by Novaraven747 »

I've also tested and it can take Svg files as well! So you don't have to worry about the google drive option!
"Looking into the spirit of others is sometimes like looking into a pond. Though we aim to see what's deep in the bottom, we are often distracted by our own reflection." - Novaraven747
"Strive to be humble in victory and gracious in defeat." - Boots Williams
User avatar
TheDoctor
Posts: 992
Joined: Mon Sep 16, 2013 6:13 am
Gender: Male
Spoken languages: English

Re: How to use GitHub to host music and sfx

Post by TheDoctor »

Yep, that's the beauty of GitHub. It doesn't matter what type of file you want to add, it will accept it.
Image Image Image
Post Reply