lecteur de musique sous image

[Segaouf]

Bonjour,

J'utilise Iweb pour créé un petit site d'une amie, mais pour des raisons idiotes, j'ai besoin de me séparer d'iweb.

J'ai donc heberger le site ailleurs, et j'ai voulu en profiter pour bosser un peu mes bases en html que j'ai acquises avec les tutos du site du zéro.

Il y a une chose que je n'arrive pas à reproduire et qui est important pour le site :

Sur iweb, on peut tres facilement associé une image à l'une de nos musiques sur notre ordinateur.
J'ai regardé un peu dans les entrailles du fichier html, apple ecrit une fonction pour cela.

<img src="ramazzotti.jpg" alt="ramazzotti"/> <script type="text/javascript"><!--
writeMovie1();
--></script>

La fonctione writeMovie1 est la suivante, elle se trouve dans un autre fichier :

function writeMovie1()
{detectBrowser();if(windowsInternetExplorer)
{document.write('<object id="id5" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="180" height="16"><param name="src" value="Media/Bella%20Stronza.mov" /><param name="controller" value="true" /><param name="autoplay" value="false" /><param name="scale" value="tofit" /><param name="volume" value="100" /><param name="loop" value="false" /></object>');}
else if(isiPhone)
{document.write('<object id="id5" type="video/quicktime" width="180" height="16"><param name="src" value="Media/Bella%20Stronza.mov"/><param name="controller" value="true"/><param name="scale" value="tofit"/></object>');}
else
{document.write('<object id="id5" type="video/quicktime" width="180" height="16" data="Media/Bella%20Stronza.mov"><param name="src" value="Media/Bella%20Stronza.mov"/><param name="controller" value="true"/><param name="autoplay" value="false"/><param name="scale" value="tofit"/><param name="volume" value="100"/><param name="loop" value="false"/></object>');}}

Voila, j'ai essayé de le copier/coller dans mon nouveau fichier html en mettant tout aux mêmes endroits que ce qu'indique ces fonctions, mais ça n'a pas l'air de fonctionner ...
Quelqu'un sait comment reproduire le même effet ?

Je ne veux pas utiliser les liens de Deezer ou youtube car l'effet n'est pas du tout le même ...


Merci.

 

[da capo]

il te manque peut-être la fonction appelée au début du script writeMovie1 à savoir detectBrowser().

tu peux donner un lien d'exemple fonctionnel et un lien vers ton essai non concluant ?

 

[Segaouf]

Je pensais qu'on allait me demandé le site ... malheureusement je l'ai supprimé il y a peu.

J'ai refait vite fait le site, donc ce que je veux réussir à avoir sans iweb c'est le petit lecteur que l'on voit sous les images :

http://chansons-italiennes.fr.tc/Site/Page_daccueil.html

 

[da capo]

Primo, où as-tu placé tes scripts ?
Dans une feuille externe ?
Si oui, un lien a-t-il été défini dans la section head du type :

<script type="text/javascript" src="Scripts/Widgets/SharedResources/lefichier.js"></script>

Dans cette feuille, les fonctions writeMovie et detectBrowser existent-elles ?

Pour faire simple, récupère le fichier iWebSite.js qui contient les scripts.
Place le à la racine du site.
Dans la section head, écris :

<script type="text/javascript" src="iWebSite.js"></script>

PS : la fonction writeMovie est dans le fichier Page_daccueil.js que tu dois aussi lier.

 

[Segaouf]

Oui, en copiant / collant l'intégralité du fichier généré par iweb dans le mien ça fonctionne a peur près ...

Mais j'aimerais savoir si l'on peut le faire par nous même, où si je serais toujours obligé de passé par iweb pour faire ça.

En gros j'aimerais comprendre le mécanisme de cette fonction ... visiblement ça utilise quicktime (pas dur de le trouver ça ^^)

 

[da capo]

le principe est celui-ci :
- la fonction detectBrowser teste si le navigateur est IE, iPhone ou autre chose
- la fonction writeMovie utilise le résultat de detectBrowser pour écrire le code adapté pour intégrer un lecteur QuickTime (légèrement différent d'un navigateur à l'autre)