Søg
Avatar billede 104 Nybegynder
22. oktober 2002 - 19:49 Der er 8 kommentarer og
1 løsning

Musik

Hvordan for man musik på sin side ligesom Thevoice har på deres hjemmeside. ?

http://www.thevoice.fm/chart.php

altså kan det laves uden Flash??? Hvor man høre lidt af en sang ?

Hvis jeg ja..hvordan ser koden så ud?
Avatar billede styled.dk Nybegynder
22. oktober 2002 - 19:56 #1
Husk koda hvis det ikke er din egen musik :)
www.koda.dk

-Jonas
Avatar billede 104 Nybegynder
22. oktober 2002 - 20:09 #2
Koda ? :D
Avatar billede callesen Praktikant
22. oktober 2002 - 21:15 #3
De har lavet det med flash; men dette kan gøre det samme:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
    <TITLE>lyd ved mouseover og click</TITLE>
<!-- min.mp3 er lydfilen - Image3.gif er knappen -->
<script LANGUAGE="JavaScript">
<!--
var aySound = new Array();
//  preloader lydfil
aySound[0] = "min.mp3";

document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>

</HEAD>
<BODY>
<!-- Man kan nøjes med enten onClick eller onMouseOver -->
<A HREF="din_side.html" onClick="playSound(0)" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><IMG SRC="min.gif" BORDER="0" WIDTH="16" HEIGHT="16" ALIGN="bottom" ALT="Min Knap"></A>

</BODY>
</HTML>

Der er kommenteret i koden. Ellers skal du bare indsætte din mp3-fil to steder og dit billede et sted.
Avatar billede 104 Nybegynder
22. oktober 2002 - 21:30 #4
Skal mp3 filen indsættes her: aySound[0] = "min.mp3";

og her: Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"

???

Og hvor skal billed ind henne? :)
Avatar billede callesen Praktikant
22. oktober 2002 - 21:41 #5
'Skal mp3 filen indsættes her: aySound[0] = "min.mp3";' - ja og ikke andre steder. Jeg har skrevet min.mp3 i en kommentar i koden derfor skrev jeg to gange - undskyld uklarheden. Du kan sætte fler lydfiler ind ved at gentage denne linje - erstatte 0 med 1 i den næste linje 2 i den tredje linje osv. og så skifte filnavnet - selvfølgelig.

Billedet kan du sætte i et <a>tag eller skrive mouseover'en direkte i <img>tagget. Her begge eksempler:
<A HREF="#" onClick="playSound(0)" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><IMG SRC="min.gif" BORDER="0" WIDTH="16" HEIGHT="16" ALIGN="bottom" ALT="Min Knap"></A>

<IMG onClick="playSound(1)" onMouseOver="playSound(1)" onMouseOut="stopSound(1)" SRC="min.gif" BORDER="0" WIDTH="16" HEIGHT="16" ALIGN="bottom" ALT="Min Knap"></A>

Jeg kalder de forskellige lydfiler ved at skrive nummeret - her x - i playsound(x), det er det nummer der er i den kantede parentes i aySound[ ] = "min.mp3";
Avatar billede 104 Nybegynder
22. oktober 2002 - 21:53 #6
ok...Jeg har sat en mo3 fil ind nu... Men jeg kan ik rigtig få den til at virke :/

Min kode er nu:

<html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
    <TITLE>lyd ved mouseover og click</TITLE>
<!-- min.mp3 er lydfilen - Image3.gif er knappen -->
<script LANGUAGE="JavaScript">
<!--
var aySound = new Array();
//  preloader lydfil
aySound[0] = "Driftwood - Toploader.mp3";

document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>

</HEAD>
<BODY>
<!-- Man kan nøjes med enten onClick eller onMouseOver -->
<A HREF="din_side.html" onClick="playSound(0)" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><IMG SRC="min.gif" BORDER="0" WIDTH="16" HEIGHT="16" ALIGN="bottom" ALT="Min Knap"></A>

</BODY>
</HTML>






</html>
Avatar billede callesen Praktikant
22. oktober 2002 - 21:58 #7
Ligger Driftwood - Toploader.mp3 i samme mappe som html-filen?
Hedder dit billede min.gif og ligger i samme mappe?
Avatar billede 104 Nybegynder
22. oktober 2002 - 22:19 #8
Skulle koden da virke ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
    <TITLE>lyd ved mouseover og click</TITLE>
<!-- min.mp3 er lydfilen - Image3.gif er knappen -->
<script LANGUAGE="JavaScript">
<!--
var aySound = new Array();
//  preloader lydfil
aySound[0] = "Driftwood - Toploader.mp3";

document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>

</HEAD>
<BODY>
<!-- Man kan nøjes med enten onClick eller onMouseOver -->
<A HREF="din_side.html" onClick="playSound(0)" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><IMG SRC="min.gif" BORDER="0" WIDTH="16" HEIGHT="16" ALIGN="bottom" ALT="Min Knap"></A>

</BODY>
</HTML>
Avatar billede callesen Praktikant
22. oktober 2002 - 22:27 #9
Ja. Det skulle den meget gerne. Den eneste evt. fejlkilde jeg så kunne gætte på er Driftwood - Toploader.mp3 navnet. Prøv at omdøbe den til fx toploader.mp3
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:30 Wlan i windows 11 home Af dcedata1977 i Windows
11/1121:19 Irriterende ikon på proceslinjen Af ErikHg i Windows
11/1116:33 Kan man slippe af med "msn" ? Af Ikke-ekspert i Windows
11/1112:17 Flytte fra et projekt til andet Af hkprofil i Excel
11/1109:23 Slet tal, bevar de underliggende formler Af bbkdk i Excel
White papers
Flere white papers »