用openMixtape搭建音乐网站

openMixtape is an electronic Mixtape, inspired by Muxtape, powered by Audio5js. 
http://narno.org/openMixtape

Examples:

hosted on Dropbox 

How to install

Personal hosting webspace:

1. Download the last release
2. Upload the unzipped files on the website
3. Open http://website.com/openmixtape-directory/

 

Dropbox hosting

1. Download the last release
2. Create a Static Web Application
3. Put Unzipped files in the public Dropbox application folder
4. Share the index.html file

Settings

• settings.json: title, baseline and background color of the playlist
• playlist.json: contain each song (artist, song title and the link to the mp3 file) of the playlist

from https://github.com/Narno/openMixtape
----------------

如果是在linux vps,

cd /usr/local

git clone https://github.com/Narno/openMixtape openmixtape-site

cd openmixtape-site

root@localhost:/usr/local/openmixtape-site# ls
css         js       playlist.json  settings.json  swf
index.html  LICENSE  README.md      songs

(所以/usr/local/openmixtape-site就是静态网站的根目录，你需绑定你的域名到此根目录）

root@localhost:/usr/local/openmixtape-site# ls songs
duke.mp3  flowing_with_the_tea.mp3  ring_my_bells.m4a
root@localhost:/usr/local/openmixtape-site# nano playlist.json

root@localhost:/usr/local/openmixtape-site# cat playlist.json
{
  "songs": [
    {"artist": "Dave Howes", "title": "Roméo Alpha", "mp3": "http://archive.org/download/RomeoAlpha/RomeoAlpha.mp3"},
    {"artist": "Dhalius", "title": "Yeah", "mp3": "http://archive.org/download/DhaliusMusicCollection2002-2010/YEAH.mp3"},
    {"artist": "Duke", "title": "Nukem", "mp3": "songs/duke.mp3"},
    {"artist": "singer", "title": "flowing_with_the_tea", "mp3": "songs/flowing_with_the_tea.mp3"},
    {"artist": "singer", "title": "ring_my_bells", "mp3": "songs/ring_my_bells.m4a"} 
]
}
root@localhost:/usr/local/openmixtape-site#

你需下载一些mp3文件到songs目录。

演示网站：就不给出演示网站了。因为我下载了一些mp3文件到songs目录，未设防止盗链。万一被盗链了，流量恐怕不够用。