inserer du son dans dreamweaver

inserer du son dans dreamweaver - HTML/CSS - Programmation

Marsh Posté le 04-01-2005 à 18:39:12    

salut,  
je voudrais insérer un son au passage de la souris (en mouse over ou onclick) sur un calque.
Le problème, c'est qu'après avoir cliqué, windows media player s'execute et lit le son à l'exterieur de la page.  
Y a pas quelqu'un sait ce qu'il faut faire?  :??:

Reply

Marsh Posté le 04-01-2005 à 18:39:12   

Reply

Marsh Posté le 04-01-2005 à 18:40:35    

Oublie ce genre de truc, ça fait plus chier l'internaute qu'autre chose :/
 
Et pis sinon je crois bien que c'est pas trop possible, enfin un peu galère à gérer...

Reply

Marsh Posté le 04-01-2005 à 18:46:54    

ben le problème c'est que c'est mon prof qui me demande ça, et  selon lui c'est tout à fait possible :s

Reply

Marsh Posté le 04-01-2005 à 18:49:51    

Ouch... Dis à ton prof que c'est un incompétent qui y connait rien au web :D :D :D
 
Sinon ben je sais pas trop alors...

Reply

Marsh Posté le 04-01-2005 à 18:56:32    

Lool  ;)  tant pis pour mon bonus, je vais attendre de voir comment il fait et j'en profiterai pour le mettre ici...jusqu'à là mystere  :heink:  

Reply

Marsh Posté le 04-01-2005 à 19:08:37    

FlorentG a écrit :

Ouch... Dis à ton prof que c'est un incompétent qui y connait rien au web :D :D :D
 
Sinon ben je sais pas trop alors...


Le plus simple c'est avec du flash :sweat:  [:nik166]  :cry:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-01-2005 à 19:13:15    

ben avec flash j'aurais même pas besoin de demander :'(

Reply

Marsh Posté le 04-01-2005 à 19:23:32    

mutosh a écrit :

ben avec flash j'aurais même pas besoin de demander :'(


ne demande pas
ne fait pas
va taper ton prof


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-01-2005 à 19:36:54    

MDR :D

Reply

Marsh Posté le 04-01-2005 à 19:48:45    

Et si il râle, tu nous l'envoi, on va lui expliquer :D

Reply

Marsh Posté le 04-01-2005 à 19:48:45   

Reply

Marsh Posté le 04-01-2005 à 20:08:08    

FlorentG a écrit :

on va lui expliquer :D


non
on va lui défoncer les organes génitaux à coup de poutre [:mmmfff]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-01-2005 à 21:26:55    

hou la la  :lol:  :lol: attendez qu'il me dise comment on fait d'abord  ;)  
par contre s'il sait pas  :non:  mauvais lol

Reply

Marsh Posté le 04-01-2005 à 21:42:41    

Ouais, dès que t'as la solution tu nous la file qu'on la fusille sur place (et accessoirement qu'on puisse vérifier sa validité)

Reply

Marsh Posté le 14-06-2005 à 03:43:37    

Scusez-moi, mais ça m'intéresse aussi !  :o  
 
C'est juste pour faire jouer 3 notes au survol d'une image, et j'y arrive pas avec une zone réactive et un comportement (message d'erreur et il me met un plugin en bas).
 
Quand j'y arrive (en prenant "aller à lurl" comme comportement), il me lit mon wav avec mon lecteur mp3.
 
Voilou, merci d'avance ! :hello:

Reply

Marsh Posté le 14-06-2005 à 18:03:55    

:bounce:

Reply

Marsh Posté le 14-06-2005 à 19:49:29    

caperon a écrit :

Scusez-moi, mais ça m'intéresse aussi !  :o  
 
C'est juste pour faire jouer 3 notes au survol d'une image, et j'y arrive pas avec une zone réactive et un comportement (message d'erreur et il me met un plugin en bas).
 
Quand j'y arrive (en prenant "aller à lurl" comme comportement), il me lit mon wav avec mon lecteur mp3.
 
Voilou, merci d'avance ! :hello:


Impossible... Sauf en flash. Et sauf cas particulier, c'est extrêmement déconseillé. Explique nous un peu le background : objectif du site, diffusion (inter ou intranet), etc... Si ça passe, on te délivera une authorisation pour mettre tout ça en oeuvre :)

Reply

Marsh Posté le 14-06-2005 à 20:10:41    

Alors, c'est un site consacrée à ma banda (groupes de musiciens typiques du sud-ouest, musique essentiellement festive).  :love:  
 
Voila la situation : j'ai inséré une image, créé une zone réactive à l''intérieur, et indiqué le fichier wav dans la case lien.
 
Résultat : ça marche, si je clique sur la zone, et en plus c'est mon lecteur (foobar 2000) qui lit le fichier !  :fou:  
 
Objectif : passer sur l'image avec la souris pour déclencher la lecture du fichier son ( 8sec )
par le navigateur ( on peut voir ça sur beaucoup de sites du genre du mien, ex: http://www.sangriagratuite.com/site%202/accueil2.htm, passer sur les 3 gars en haut à gauche ).
 
Ca doit être possible sans flash ou autre plugin, puisqu'il existe la commande "onmouseover", mais je sais pas comment la placer.
 
Voici mon code actuel :  
 
<p align="center"><img src="animusical2(10x10)detoure.gif" alt="" width="283" height="273" border="0" usemap="#Map">
    <map name="Map">
      <area shape="rect" coords="87,68,211,187" href="sonneriearenadiverona.wav">
   
    </map>
</p>
 
Maintenant, à vous de jouer !   ;)  
 
Merci d'avance !
 
 
 

Reply

Marsh Posté le 14-06-2005 à 20:29:54    

Bah déjà un lien vers un fichier va ouvrir ce fichier, faut pas espérer qu'il se lise comme ça par enchantement :D Donc à part du flash, y'a rien à faire...

Reply

Marsh Posté le 14-06-2005 à 21:05:33    

ho le beau code de merde :)

Reply

Marsh Posté le 14-06-2005 à 21:37:26    

Citation :

ho le beau code de merde :)


Désolé, c'est pas moi qui l'ai fait  :sol:  
Mais j'avais déjà compris en lisant qqus sujets que Dream faisait du code pas top, du moins pour les puristes  :o  
 

Citation :

Donc à part du flash, y'a rien à faire...


Je vais bucher ça, mais si vous avez des liens utiles à me filer vite fait, je prends  ;)  
 
En tout cas, merci !

Reply

Marsh Posté le 15-06-2005 à 01:22:28    

C'est bon, j'a réussi !  :bounce:  
 
Avec un Javascript que j'ai téléchargeé et modifié de mes petites mains qui connaissaient rien au html  :sweat:  
 
Pour info, si certains veulent s'en servir, je le met à disposition (et si d'autres veulent féliciter le travail d'un newbee  :sol: ).
 
Script original :
 
function PlayMusique() {
 eval("document.musique.play();" );
}
</script>
</head>
 
<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">
 
<CENTER><BIG>Emet un son sur un clic</BIG></CENTER>
Ce script fonctionne avec IE4 et + et Netscape 4 et +. Pour Netscape, le plugin LiveAudio doit être installé...<BR><BR>
<EMBED NAME='musique' SRC='good.wav' LOOP="0" MASTERSOUND AUTOSTART="0" WIDTH=10 HEIGHT=10 hidden="true">
<BR><BR>
Cliquez sur le lien ou sur le bouton pour émettre un son à partir d'un fichier sonore.<BR><BR><BR>
<CENTER>
<a href="javascript: PlayMusique()">jouer le son</a>
<FORM>
<INPUT type="button" value="Jouer le son" onClick="PlayMusique()">
</FORM>
</CENTER>
Ou passez la souris sur le lien : <A href="javascript:void()" onMouseover="PlayMusique()">Passez le curseur</A>
 
</body>
</html>
 
Script modifié, adapté à mon cas et commenté (pour les newbee comme moi   ;)  ) :
 
<html>
 
<head>
<script language="JavaScript">
function PlayMusique() {eval("document.musique.play( ) ; " ) ; }
</script>
</head>
 
<Ce qui suit est la mise en forme (police, couleur du fond, couleur des liens,...) de la page>
<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
 
<Ce qui suit est le lecteur du fichier son>
<EMBED NAME='musique' SRC='sonneriearenadiverona.mp3' LOOP="0" MASTERSOUND AUTOSTART="0" WIDTH=100 HEIGHT=100 hidden="true">
 
<Ce qui suit est l'insertion de l'image (liée à la carte des zones réactives avec "usemap">
<img src="animusical2(10x10)detoure.gif" name="Image1" width="200" height="200" border="0" usemap="#Image1Map">
 
<Ce qui suit est l'insertion de la zone réactive et le comportement qui s'y rattache>
<map name="Image1Map"> <area shape="rect" coords="97,71,125,103" onMouseover="PlayMusique()"> </map>
 
</body>
</html>
 
Voila ma modeste contribution au Forum !  :D  
 
Ps : FlorentG, y'avait pas besoin de Flash  :o  
 

Reply

Marsh Posté le 15-06-2005 à 01:37:32    

1) Les commentaires HTML c'est <!-- et -->
2) la balise embed n'existe plus c'est une merde raportée de netscape, il te faut utiliser Object + embed pour les vieux navigateurs de Marde
3) ton code HTML est ultra Mega Moche, heureusment que c'est pas un prof d'info qui t'a dit de faire ca, sinon on l'aurait tué.

Reply

Marsh Posté le 15-06-2005 à 01:46:38    

gatsusat a écrit :

2) la balise embed n'existe plus c'est une merde raportée de netscape, il te faut utiliser Object + embed pour les vieux navigateurs de Marde


ça me fait toujours rire quand je lis ça, alors que la balise object fonctionne largement mieux sous IE que sous FireFox.


Message édité par The-Shadow le 15-06-2005 à 01:46:50
Reply

Marsh Posté le 15-06-2005 à 01:49:08    

caperon a écrit :

[quote]Mais j'avais déjà compris en lisant qqus sujets que Dream faisait du code pas top, du moins pour les puristes  :o


DreamWeaver est très bien, mais c'est un outil, pas un faiseur de miracle, quand tu achètes une perceuse pour faire des trous pour poser tes étagères, quelquesoit le prix que tu la payes, si tu l'allumes et que tu la poses par terre, elle te fera un trou par terre, pas là où tu veux qu'elle le fasse.

Reply

Marsh Posté le 15-06-2005 à 01:50:59    

Citation :

ton code HTML est ultra Mega Moche


Oui, mais il marche  :kaola:  
Et en plus, j'ai fait que couper dans l'original, donc c'est l'original qui est tout pourri !  :o
Mais je veux bien avoir une version "ultra méga belle" si c'est possible, je demande qu'à apprendre  :jap:  

Citation :

Les commentaires HTML c'est <!-- et -->

 
Vu, c'est noté.

Citation :

la balise embed n'existe plus c'est une merde raportée de netscape, il te faut utiliser Object + embed pour les vieux navigateurs de Marde


A la fin, je suppose que tu veux dire "Merde", mais je comprends pas tout : pour les navigateurs actuels, j'utilise quoi ?
Sinon merci pour tes éclaircissements, ça fait plaisir d'avoir des réponses constructives.   :jap:  :jap:  :jap:  
En espérant te relire.  :hello:

Reply

Marsh Posté le 15-06-2005 à 01:55:02    

caperon a écrit :

A la fin, je suppose que tu veux dire "Merde", mais je comprends pas tout : pour les navigateurs actuels, j'utilise quoi ?


En fait, la balise Embed est idéale actuellement, elle a été créé par Netscape et n'est pas reconnu par le W3C MAIS est reconnu par tous les navigateurs modernes (IE, FireFox, Safari, KHTML, etc.) donc, en attendant que tout le monde est un navigateur parfait qui n'existe pas encore, il n'y a aucune raison valable de ne pas l'utiliser à part si on souhaite absolument valider son site par le W3C Validator.


Message édité par The-Shadow le 15-06-2005 à 01:55:41
Reply

Marsh Posté le 15-06-2005 à 01:57:32    

Citation :

En fait, la balise Embed est idéale actuellement, elle a été créé par Netscape et n'est pas reconnu par le W3C MAIS est reconnu par tous les navigateurs modernes (IE, FireFox


Ben justement, je vien de voir que mon script marche sur IE mais pas sur Firefox  :cry:  
 
Alors si t'as une idée...

Reply

Marsh Posté le 15-06-2005 à 01:59:41    

Autrement, quelques corrections rapides.
Ton HTML ne donne aucune indication de DocType (en gros, c'est la version du HTML utiliser qui doit indiquer au navigateur quelle version du HTML doit être transcrite.
Ensuite, tu utilises pas mal de code de mise en forme (<CENTER> par exemple) qui ne doivent pas se trouver dans le HTLM mais dans un style déclaré dans le head ou dans un fichier CSS externe.
Ta page n'a pas de titre (<title> entre les balises head). Je ne sais pas si le W3C l'oblige because, en ayant toujours mis, je n'ai jamais eu l'erreur, mais ce n'est pas très propre.

Reply

Marsh Posté le 15-06-2005 à 02:11:27    

caperon a écrit :

Citation :

En fait, la balise Embed est idéale actuellement, elle a été créé par Netscape et n'est pas reconnu par le W3C MAIS est reconnu par tous les navigateurs modernes (IE, FireFox


Ben justement, je vien de voir que mon script marche sur IE mais pas sur Firefox  :cry:  
 
Alors si t'as une idée...


FireFox ne lit pas le MP3, y'a aucune chance qu'il arrive à te le lire, quelquesoit la balise que tu utilises.
Mais ton prof qui te dis que c'est possible ne doit pas savoir que 15% des européens ne navigue plus sous Internet Explorer.


Message édité par The-Shadow le 15-06-2005 à 02:11:48
Reply

Marsh Posté le 15-06-2005 à 02:12:22    

C'est parce que j'ai pas copier le début du code.
Le voivi :
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Accueil</title>
 
Donc y'a tout.
Par contre, pour tout ce qui est mise en forme, je fais en mode wysiwyg, donc c'est Dream qui me colle tout ça dans le html !
Mais j'ai commencé à bucher les feuilles de style CSS et ça m'a l'air pas mal (notament pour pas répéter le tableau servant de menu sur chaque page par exemple) donc je vais corriger ça très bientôt!  ;)  
 
Merci pour ces précisions, et si tu peux m'arranger ce pb sous firefox, tu es un boss  :jap:

Reply

Marsh Posté le 15-06-2005 à 02:18:58    

Pour la musique, pas de MP3 dans FireFox, en tout cas, si quelqu'un d'autre sait comment faire, j'ai cherché longtemps sans trouver. Quand je veux mettre une musique sur un site, je transforme en SWF et le JS permet de controler le SWF donc ça colle (sous réserve du plugin, enfin bon, les résistants à Flash Player sont anecdotiques).
Pour ta mise en forme, comme j'ai dis, DreamWeaver est un outil, si tu achètes une perceuse pour faire tes 2 trous pour poser une étagère, la perçeuse ne va pas refuser de fonctionner si tu fais ton trou au mauvaise endroit.

Reply

Marsh Posté le 15-06-2005 à 02:19:27    

Désolé, on est décalé dans les réponses, j'avais pas vu la dernière !  :pfff:  
 
J'ai converti en wav, c'est pareil, enfin un peu mieux, firefox me demande le plugin quicktime.  :fou:  
Pourtant j'ai quicktime alternative, mais bon.
Je vais dl le plugin et on verra.
 
Au fait, j'ai pas de prof, chuis pas au bahut, je me jette à l'eau tout seul comme un grand sans savoir nager, c'est pour ça que je rame !  :pt1cable:

Reply

Marsh Posté le 15-06-2005 à 02:24:34    

caperon a écrit :


J'ai converti en wav, c'est pareil, enfin un peu mieux, firefox me demande le plugin quicktime.  :fou:


D'expérience, FireFox demande le plugin Quicktime à chaque fois qu'il ne comprend rien, donc, c'est que ça ne fonctionne pas. ou mal, très mal, voir qu'il faille un bidouillage de FF, donc, à oublier.
Désolé pour le prof, j'ai confondu avec l'auteur du topic.
Bon bah si tu n'as pas de prof, converti ta musique en SWF avec Flash et hop, tu charges un SWG invisible et tu as ta musique (le mieux étant de faire un SWF petit qui permet d'éteindre cette musique pour les visiteurs qui n'apprécieraient pas).

Reply

Marsh Posté le 15-06-2005 à 08:04:21    

The-Shadow a écrit :

ça me fait toujours rire quand je lis ça, alors que la balise object fonctionne largement mieux sous IE que sous FireFox.


 :fou:  :fou:  :fou:  :fou:  
 
Ben j'ai dit que :  
 
<object> est la balise de la norme que tous les navigateurs récents lisent.
 
<embed> est encore utilisée, mais c'est une balise qui n'existe pas dans la norme
 
donc garder une compatibilité pour les vieux navigateur beaucoup de gens utilisent ceci :  
 
<object>
<embed></embed>
</object>
 
 

Reply

Marsh Posté le 15-06-2005 à 08:33:16    

gatsusat a écrit :

:fou:  :fou:  :fou:  :fou:  
 
Ben j'ai dit que :  
 
<object> est la balise de la norme que tous les navigateurs récents lisent.
 
<embed> est encore utilisée, mais c'est une balise qui n'existe pas dans la norme
 
donc garder une compatibilité pour les vieux navigateur beaucoup de gens utilisent ceci :  
 
<object>
<embed></embed>
</object>


 
 
Et c'est quoi le but ? Etre sur que ca passera pas au validator et aloudir le code? Non , soit l'un soit l'autre mais pas les 2


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 15-06-2005 à 08:52:01    

bah moi non plus je veux pas utilise Embed, et n'utiliser que object
mais si on a pitié envers les boulets qui ont des vieux navigateurs ,faisont leur un fleur

Reply

Marsh Posté le 15-06-2005 à 10:16:28    

gatsusat a écrit :

bah moi non plus je veux pas utilise Embed, et n'utiliser que object
mais si on a pitié envers les boulets qui ont des vieux navigateurs ,faisont leur un fleur


Comme nous avons pu le voir sur un topic récemment et comme je le soulignais, la balise embed sert encore principalement à incruster une vidéo directement dans la page pour FireFox car celui-ci ne gère pas correctement la balise object.
C'est donc FireFox que tu traites de vieux navigateurs et les utilisateurs de FireFox que tu traites de boulets.

Reply

Marsh Posté le 15-06-2005 à 10:38:47    

caperon a écrit :

C'est bon, j'a réussi !  :bounce:


Euh t'as pas plus moche comme code ? :heink:  
 
Et le coup du "Ce script fonctionne avec IE4 et + et Netscape 4 et +. Pour Netscape, le plugin LiveAudio doit être installé...". Faudrait signaler que ces deux navigateurs ne sont plus du tout utilisé, et que Netscape n'est maintenant qu'une interface autour de FireFox et d'IE...
 

caperon a écrit :

Citation :

ton code HTML est ultra Mega Moche


Oui, mais il marche  :kaola:


Tu prend une vieille plance de bois. T'y met 4 essieus, et 4 disque en fonte. Tu colle là dessus 4 sièges de camping, et t'y greffe un moteur de tondeuse. Ca te donne une voiture, ultra moche, pas confortable et pas puissante. Oui, mais ça marche :D Là c'est pareil, c'est pas parce que ça marche que c'est bien...
 

The-Shadow a écrit :

Comme nous avons pu le voir sur un topic récemment et comme je le soulignais, la balise embed sert encore principalement à incruster une vidéo directement dans la page pour FireFox car celui-ci ne gère pas correctement la balise object.
C'est donc FireFox que tu traites de vieux navigateurs et les utilisateurs de FireFox que tu traites de boulets.


Pouet, là règle, c'est ça :

<object data="video.truc" type="video/truc">
  <a href="video.truc">Télécharger la vidéo</a>
</object>


C'est exactement la définition de l'élément object : ceux qui arrivent à lire la lise. Les autres affichent ce qu'il y a dedans... En l'occurence un lien. C'est la voie à utiliser [:spamafote]


Message édité par FlorentG le 15-06-2005 à 10:39:41
Reply

Marsh Posté le 15-06-2005 à 10:49:09    

FlorentG a écrit :


Pouet, là règle, c'est ça :

<object data="video.truc" type="video/truc">
  <a href="video.truc">Télécharger la vidéo</a>
</object>


C'est exactement la définition de l'élément object : ceux qui arrivent à lire la lise. Les autres affichent ce qu'il y a dedans... En l'occurence un lien. C'est la voie à utiliser [:spamafote]


Et si je veux afficher la vidéo directement dans ma page ? :na:  
Les rêgles, ça ne se respecte pas quand elles sont stupides, même si vous ça vous plait pas d'avoir une vidéo inscrustée dans la page, c'est le webmaster qui décide, vous qui n'arrêtez pas de dire qu'il faut arrêter de bosser comme il y a 5 ans, bah il y a 5 ans, ça fonctionnait et aujourd'hui, on ne peut plus, c'est vrai que c'est super moderne comme attitude.  [:at war with emo]

Reply

Marsh Posté le 15-06-2005 à 11:00:58    

The-Shadow a écrit :

Et si je veux afficher la vidéo directement dans ma page ? :na:  
Les rêgles, ça ne se respecte pas quand elles sont stupides, même si vous ça vous plait pas d'avoir une vidéo inscrustée dans la page, c'est le webmaster qui décide, vous qui n'arrêtez pas de dire qu'il faut arrêter de bosser comme il y a 5 ans, bah il y a 5 ans, ça fonctionnait et aujourd'hui, on ne peut plus, c'est vrai que c'est super moderne comme attitude.  [:at war with emo]


Mon petit, mon petit, mon petit [:itm] Il y a dans ce monde, pour ce qui est des vidéos, des dizaines de codecs et de formats différents. Pour ce qui est des navigateurs, il y en a aussi des dizaines. Tout ce beau petit monde pose deux problèmes majeurs :

  • Disponibilité pour un navigateur d'un plugin permettant la lecture de vidéos
  • Disponibilité sur la machine cliente du plugin adéquat pour le format/codec


Tu mélanges tout ça, et t'obtient le plus gros bordel de l'humanité :( C'est pour ça que la spé définie cet maaaagnifique élément object : permettre de proposer plusieurs versions d'une vidéo, avec des codecs et formats différents. Donc si tu ne peux que proposer une version, bah c'est foiré...
N'oublie pas que ta vidéo chérie ne vaudra certainement que dalle sur plein d'autres navigateurs ou d'autres plateformes [:spamafote] Et faut faire avec...
 
Donc il est bien gentil ton <embed> machin, mais :  

  • Il s'en fout du contenu alternatif
  • Il n'est défini nulle part, dans aucune spé, même pas en deprecated, donc y'a de fortes chance qu'il foire quelque part


Donc le truc, c'est de trouver un format qui fonctionne partout, ou comme dit d'en proposer plusieurs. Et perso, pour ce qui est du WMV ou du MPEG, j'arrive à les lire sous FireFox (j'ai trouvé la solution depuis, sans bidouillage spécifique), et ça marche nickel...

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed