JavaScriptBank
27-10-2009, 07:58 PM
Hãy mang âm nhạc - giai điệu của cuộc sống vào trang web của bạn bằng hiệu ứng này. Hiệu ứng tạo một trình chơi nhạc dạng đơn giản trên trang web với các... chi tiết (http://www.javascriptbank.com/web-based-music-player.html/vi//)
http://www.javascriptbank.com/javascript.images/multimedia/web-based-music-player.jpg (http://www.javascriptbank.com/javascript/multimedia/sound/web-based-music-player/preview/vi/)
Demo: Trình chơi nhạc (http://www.javascriptbank.com/web-based-music-player.html/vi/)
| Web based Music Player (http://www.javascriptbank.com/web-based-music-player.html)
Cách cài đặt
Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript
<SCRIPT language=JavaScript>
<!-- Begin
counter = 0;
html = true;
songs = new Array();
function addsong() {
file = document.forms[0].file.value;
if(file == "") {
alert("Entra un nombre de archivo o da click en Examinar..");
}
else {
fn = file;
while(fn.indexOf() != -1) {
pos = fn.indexOf();
fn = fn.substring(fn.lenght);
}
if(fn.indexOf(".gif") == 1) {
alert("Sólo sonidos o música");
}
else {
songs[counter] = file;
document.forms[0].selMusica[counter] = new Option(fn, file, false, true);
counter++;
}
document.forms[0].file.value = "";
}
}
function musica() {
document.all.sound.src=document.clock.selMusica.op tions[document.clock.selMusica.selectedIndex].text;
}
function stop() {
document.all.sound.src="";
}
function count() {
document.clock.songs.value=document.clock.selMusic a.options.length;
}
function deletethis() {
if(counter > 0) {
counter--;
document.forms[0].selMusica[counter] = null;
songs[counter] = "";
}
else {
alert("No hay nada en la lista!");
}
}
function bajar() {
document.clock.selMusica.options[document.clock.selMusica.selectedIndex++];
saber2();
saber();
}
function subir() {
document.clock.selMusica.options[document.clock.selMusica.selectedIndex--];
saber2();
saber();
}
function saber() {
document.clock.url.value=document.clock.selMusica. options[document.clock.selMusica.selectedIndex].text;
}
function saber2() {
fn = document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;
char = unescape("%5C");
while(fn.indexOf(char) != -1) {
pos = fn.indexOf(char);
fn = fn.substring(pos + 1, fn.length);
document.clock.nombre.value=fn;
}
}
// End-->
</SCRIPT>
Bước 2: Đặt mã HTML bên dưới vào phần BODY
HTML
<BODY onclick=count() onload=count()>
<BGSOUND id=sound src="">
<FORM name=clock><INPUT type=file name=file size="20"> <INPUT onclick=addsong() type=button value=Add><INPUT onclick=deletethis() type=button value=Delete><BR><INPUT onclick=musica() type=button value=Listen name=empezar>
<INPUT onclick=stop() type=button value=Stop name=detener> You have:<INPUT
readOnly size=2 name=songs>song(s) in the list.<BR>Name of the song:<INPUT
size=25 name=nombre><INPUT onclick="saber2(); saber()" type=button value="Know Name & Url">Url
of the song:<INPUT size=19 name=url> <BR><INPUT onclick=bajar() type=button value=MoveDown><INPUT onclick=subir() type=button value=MoveUp><BR><BR><SELECT
multiple size=20 name=selMusica></SELECT> </FORM>
</BODY>
Đoạn mã tương tự
- Trình đơn động nhiều cấp (http://www.javascriptbank.com/multilevel-dynamic-menu.html/vi/)
- Kiểm tra thông tin trình duyệt (http://www.javascriptbank.com/browser-sniffer-script-ver-1-1.html/vi/)
- Trình xem kết quả giảm cân (http://www.javascriptbank.com/weight-watchers-points-calculator.html/vi/)
Một vài nhãn tương tự: trình chơi nhạc (http://www.javascriptbank.com/vi+tag=trình chơi nhạc), âm nhạc (http://www.javascriptbank.com/vi+tag=âm nhạc), chơi nhạc (http://www.javascriptbank.com/vi+tag=chơi nhạc), giai điệu (http://www.javascriptbank.com/vi+tag=giai điệu), cuộc sống (http://www.javascriptbank.com/vi+tag=cuộc sống), đơn giản (http://www.javascriptbank.com/vi+tag=đơn giản), chức năng (http://www.javascriptbank.com/vi+tag=chức năng), chọn bài hát (http://www.javascriptbank.com/vi+tag=chọn bài hát), thêm bài hát (http://www.javascriptbank.com/vi+tag=thêm bài hát), xóa bài hát (http://www.javascriptbank.com/vi+tag=xóa bài hát), danh sách (http://www.javascriptbank.com/vi+tag=danh sách), bài hát (http://www.javascriptbank.com/vi+tag=bài hát)
Bạn có thể xem thêm nhiều JavaScript khác về Multimedia (http://www.javascriptbank.com/javascript/multimedia/vi/) và Âm thanh (http://www.javascriptbank.com/javascript/multimedia/sound/vi/)
Tạo hiệu ứng ma trận (http://www.javascriptbank.com/vi+title=ma trận) - Hiệu ứng kéo thả trong javascript (http://www.javascriptbank.com/vi+title=kéo thả) - Máy tính online (http://www.javascriptbank.com/vi+title=máy tính)
http://www.javascriptbank.com/javascript.images/multimedia/web-based-music-player.jpg (http://www.javascriptbank.com/javascript/multimedia/sound/web-based-music-player/preview/vi/)
Demo: Trình chơi nhạc (http://www.javascriptbank.com/web-based-music-player.html/vi/)
| Web based Music Player (http://www.javascriptbank.com/web-based-music-player.html)
Cách cài đặt
Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript
<SCRIPT language=JavaScript>
<!-- Begin
counter = 0;
html = true;
songs = new Array();
function addsong() {
file = document.forms[0].file.value;
if(file == "") {
alert("Entra un nombre de archivo o da click en Examinar..");
}
else {
fn = file;
while(fn.indexOf() != -1) {
pos = fn.indexOf();
fn = fn.substring(fn.lenght);
}
if(fn.indexOf(".gif") == 1) {
alert("Sólo sonidos o música");
}
else {
songs[counter] = file;
document.forms[0].selMusica[counter] = new Option(fn, file, false, true);
counter++;
}
document.forms[0].file.value = "";
}
}
function musica() {
document.all.sound.src=document.clock.selMusica.op tions[document.clock.selMusica.selectedIndex].text;
}
function stop() {
document.all.sound.src="";
}
function count() {
document.clock.songs.value=document.clock.selMusic a.options.length;
}
function deletethis() {
if(counter > 0) {
counter--;
document.forms[0].selMusica[counter] = null;
songs[counter] = "";
}
else {
alert("No hay nada en la lista!");
}
}
function bajar() {
document.clock.selMusica.options[document.clock.selMusica.selectedIndex++];
saber2();
saber();
}
function subir() {
document.clock.selMusica.options[document.clock.selMusica.selectedIndex--];
saber2();
saber();
}
function saber() {
document.clock.url.value=document.clock.selMusica. options[document.clock.selMusica.selectedIndex].text;
}
function saber2() {
fn = document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;
char = unescape("%5C");
while(fn.indexOf(char) != -1) {
pos = fn.indexOf(char);
fn = fn.substring(pos + 1, fn.length);
document.clock.nombre.value=fn;
}
}
// End-->
</SCRIPT>
Bước 2: Đặt mã HTML bên dưới vào phần BODY
HTML
<BODY onclick=count() onload=count()>
<BGSOUND id=sound src="">
<FORM name=clock><INPUT type=file name=file size="20"> <INPUT onclick=addsong() type=button value=Add><INPUT onclick=deletethis() type=button value=Delete><BR><INPUT onclick=musica() type=button value=Listen name=empezar>
<INPUT onclick=stop() type=button value=Stop name=detener> You have:<INPUT
readOnly size=2 name=songs>song(s) in the list.<BR>Name of the song:<INPUT
size=25 name=nombre><INPUT onclick="saber2(); saber()" type=button value="Know Name & Url">Url
of the song:<INPUT size=19 name=url> <BR><INPUT onclick=bajar() type=button value=MoveDown><INPUT onclick=subir() type=button value=MoveUp><BR><BR><SELECT
multiple size=20 name=selMusica></SELECT> </FORM>
</BODY>
Đoạn mã tương tự
- Trình đơn động nhiều cấp (http://www.javascriptbank.com/multilevel-dynamic-menu.html/vi/)
- Kiểm tra thông tin trình duyệt (http://www.javascriptbank.com/browser-sniffer-script-ver-1-1.html/vi/)
- Trình xem kết quả giảm cân (http://www.javascriptbank.com/weight-watchers-points-calculator.html/vi/)
Một vài nhãn tương tự: trình chơi nhạc (http://www.javascriptbank.com/vi+tag=trình chơi nhạc), âm nhạc (http://www.javascriptbank.com/vi+tag=âm nhạc), chơi nhạc (http://www.javascriptbank.com/vi+tag=chơi nhạc), giai điệu (http://www.javascriptbank.com/vi+tag=giai điệu), cuộc sống (http://www.javascriptbank.com/vi+tag=cuộc sống), đơn giản (http://www.javascriptbank.com/vi+tag=đơn giản), chức năng (http://www.javascriptbank.com/vi+tag=chức năng), chọn bài hát (http://www.javascriptbank.com/vi+tag=chọn bài hát), thêm bài hát (http://www.javascriptbank.com/vi+tag=thêm bài hát), xóa bài hát (http://www.javascriptbank.com/vi+tag=xóa bài hát), danh sách (http://www.javascriptbank.com/vi+tag=danh sách), bài hát (http://www.javascriptbank.com/vi+tag=bài hát)
Bạn có thể xem thêm nhiều JavaScript khác về Multimedia (http://www.javascriptbank.com/javascript/multimedia/vi/) và Âm thanh (http://www.javascriptbank.com/javascript/multimedia/sound/vi/)
Tạo hiệu ứng ma trận (http://www.javascriptbank.com/vi+title=ma trận) - Hiệu ứng kéo thả trong javascript (http://www.javascriptbank.com/vi+title=kéo thả) - Máy tính online (http://www.javascriptbank.com/vi+title=máy tính)