inserer du son dans dreamweaver - HTML/CSS - Programmation
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...
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
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
Sinon ben je sais pas trop alors...
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
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 |
Le plus simple c'est avec du flash
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
Marsh Posté le 04-01-2005 à 20:08:08
FlorentG a écrit : on va lui expliquer |
non
on va lui défoncer les organes génitaux à coup de poutre
Marsh Posté le 04-01-2005 à 21:26:55
hou la la attendez qu'il me dise comment on fait d'abord
par contre s'il sait pas mauvais lol
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é)
Marsh Posté le 14-06-2005 à 03:43:37
Scusez-moi, mais ça m'intéresse aussi !
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 !
Marsh Posté le 14-06-2005 à 19:49:29
caperon a écrit : Scusez-moi, mais ça m'intéresse aussi ! |
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
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).
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 !
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 !
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 Donc à part du flash, y'a rien à faire...
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
Mais j'avais déjà compris en lisant qqus sujets que Dream faisait du code pas top, du moins pour les puristes
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 !
Marsh Posté le 15-06-2005 à 01:22:28
C'est bon, j'a réussi !
Avec un Javascript que j'ai téléchargeé et modifié de mes petites mains qui connaissaient rien au html
Pour info, si certains veulent s'en servir, je le met à disposition (et si d'autres veulent féliciter le travail d'un newbee ).
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 !
Ps : FlorentG, y'avait pas besoin de Flash
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é.
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.
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 |
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.
Marsh Posté le 15-06-2005 à 01:50:59
Citation : ton code HTML est ultra Mega Moche |
Oui, mais il marche
Et en plus, j'ai fait que couper dans l'original, donc c'est l'original qui est tout pourri !
Mais je veux bien avoir une version "ultra méga belle" si c'est possible, je demande qu'à apprendre
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.
En espérant te relire.
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.
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
Alors si t'as une idée...
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.
Marsh Posté le 15-06-2005 à 02:11:27
caperon a écrit :
|
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.
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
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.
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 !
J'ai converti en wav, c'est pareil, enfin un peu mieux, firefox me demande le plugin quicktime.
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 !
Marsh Posté le 15-06-2005 à 02:24:34
caperon a écrit : |
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).
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. |
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>
Marsh Posté le 15-06-2005 à 08:33:16
gatsusat a écrit : |
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
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
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 |
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.
Marsh Posté le 15-06-2005 à 10:38:47
caperon a écrit : C'est bon, j'a réussi ! |
Euh t'as pas plus moche comme code ?
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 :
|
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 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. |
Pouet, là règle, c'est ça :
<object data="video.truc" type="video/truc"> |
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
Marsh Posté le 15-06-2005 à 10:49:09
FlorentG a écrit :
|
Et si je veux afficher la vidéo directement dans ma page ?
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.
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 ? |
Mon petit, mon petit, mon petit 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 :
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 Et faut faire avec...
Donc il est bien gentil ton <embed> machin, mais :
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...
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?