En haut
en
Création et hébergement de votre site web
AVERTISSEMENT: Technologie obsolète, gardée pour des raisons historiques.

IMBRIQUER DES MÉDIAS SUR UNE PAGE WEB

De retour aux tutoriel sur le streaming de médias...

Plus de FAQ ...

Introduction

Je me souviens la première fois que je voulais ajouter du son à une page web je n'avais trouvé que 2 façons de le faire: en utilisant BGSOUND dans la balise BODY de la page, qui est vraiment vieux et obsolète en plus de ne fournir aucune flexibilité oucontrôle, ou encore utiliser EMBED qui ne fonctionne que dans IE et génère une erreur de validation. La solution était d'utiliser à la fois une balise d'objet et une balise embed à l'intérieur de la balise object. Dans la balise object on réfère la composante ActiveX qui jouerait ce type de médias. Bien que cela fonctionne très bien dans tous les principaux navigateurs, cela n'est pas du tout valide, ce qui incite les fervents partisans du W3C à l'égard des médias imbriqués comme une abomination.

C'est mon avis que les médias audio/visuels peuvent très bien faire partie d'une page web et se fondent dans le design et les fonctionnalités afin d'ajouter une autre dimension pour une expérience enrichie.

Je vais expliquer ici, à l'aide d'exemples, la bonne façon d'imbriquer les médias destinés à être joués par Windows Media Player (audio ou vidéo) et le flash afin que ça soit à la fois valide et que ça fonctionne dans tous (ou presque tous) les navigateurs. Je dois dire la plupart des navigateurs, car en vérité, je sais seulement que cette méthode fonctionne correctement dans Internet Explorer 6-7-8, Firefox 1-2-3, 8, Opera 8-9-10 et Chrome. Le gros bonus, c'est que cette méthode est conforme aux normes W3C, le code donc sera valide. Le bonus est que vous pouvez aussilui donner un style à peu près comme vous le voulez.

La méthode est très simple et a d'abord été proposé sous le nom Satay Flash et plus tard adapté à d'autres types d'objets incorporés. Cela implique en utilisant uniquement la balise object.

Avis important

Cette méthode originalement devait seulement réparer un problème survenu après une mise à niveau de IE6 qui exigait un clic de plus pour activer le contrôle dans l'object imbriqué (peu importe le type d'objet: Macromedia Flash, Windows Media Player, Real Player, Quicktime, applets Java , PDF, etc.).

Ce problème a été corrigé par la suite. Cependant la méthode décrite ici reste toujours valable et valide.

Plusieurs solutions avaient été proposées, mais que j'avais trouveées inacceptables en raison de leur complexité très élevé d'exécution et le fait qu'elles ne fonctionnent que dans javascript - en plus de s'occuper selement des objets Flash.

Certaines des solutions actuelles sont fournies aux adresses: http://www.amarasoftware.com/flash-problem.htm, http://activecontent.blogspot.com/ et http://blog.deconcept.com/swfobject/. Ce dernier fonctionne bien avec mes objets Flash et est assez facile à comprendre, et après avoir contacté le développeur, j'ai obtenu une copie d'un script similaire qui peut gérer le lecteur Windows Media et un autre pour Quicktime.

Alors sans plus tarder, voici les morceaux de code qui travaillent dans tous les navigateurs, basé sur la méthode Satay Flash. En outre, pour chaque méthode décrite je vais également fournir la meilleure solution de proposée, en utilisant les scripts à partir de www.deconcept.com, qui sont tous basés sur la méthode SWFObject .

De retour aux tutoriel sur le streaming de médias...

Pub



AVERTISSEMENT: Technologie obsolète, gardée pour des raisons historiques.