Contrôler la lecture d’un média dans un projet Silverlight
.png "Cette page s’applique uniquement aux projets Silverlight 1")
Lorsque vous ajoutez un fichier multimédia (audio ou vidéo) à un projet Microsoft Silverlight 1.0, puis l’insérez sur la planche graphique, le fichier est ajouté dans un objet MediaElement et est configuré en lecture automatique. Cela diffère de l’insertion de fichiers audio ou vidéo dans un projet Windows Presentation Foundation, qui entraîne la création d’une chronologie dans une table de montage séquentiel. Dans un projet Microsoft Silverlight 1.0, vous ne pouvez pas contrôler la lecture d’un fichier vidéo ou audio de la même façon que vous contrôlez la table de montage séquentiel d’une animation.
.gif "Remarque") Remarque : |
|---|
Vous pouvez utiliser Microsoft Expression Encoder 2 pour créer un lecteur multimédia et lui appliquer une apparence en utilisant l’un des nombreux modèles de Silverlight 1.0. Le lecteur multimédia comprend déjà les boutons Lecture, Pause et autres boutons de commande. Vous pouvez modifier des copies des modèles Silverlight 1.0 qui accompagnent Expression Encoder 2, ou vous pouvez ouvrir votre projet encodé dans Expression Blend 2 pour ajouter d’autres éléments visuels et fonctionnalités. |
Utilisez la procédure suivante pour contrôler la lecture d’un fichier multimédia dans un projet Silverlight 1.0 dans Expression Blend 2. Pour plus d’informations sur le contrôle des médias dans un projet Silverlight 1.0, voir Silverlight QuickStarts.
Pour contrôler la lecture d’un fichier multimédia dans un projet Silverlight 1.0
Ajoutez un fichier multimédia à votre projet. Vous pouvez utiliser la procédure qui est décrite dans Ajouter un fichier multimédia à un projet Silverlight 1.0.
Renommez l’objet multimédia pour le référencer à partir de votre fichier code-behind. Par exemple, cliquez avec le bouton droit sur l’objet multimédia sous Objets et chronologie, sélectionnez Renommer, puis tapez MaVidéo.
Si vous souhaitez fournir aux utilisateurs un objet sur lequel ils peuvent cliquer pour arrêter et démarrer le fichier multimédia, ajoutez dès maintenant cet objet à la planche graphique, puis renommez-le. Par exemple, ajoutez une ellipse à la planche graphique et renommez-la en Pause. Pour plus d’informations, voir Ajouter des éléments à un document XAML dans un projet Silverlight et Renommer un objet.
Sous Fichiers dans le panneau Projet, double-cliquez sur le fichier code-behind pour votre document XAML. Par exemple, si le document XAML en cours de modification est nommé Page.xaml, double-cliquez sur le fichier Page.xaml.js. Le fichier code-behind s’ouvre à l’intérieur d’Expression Blend 2 dans un éditeur JavaScript.
Un exemple de ligne de code permettant de raccorder un gestionnaire d’événements existe déjà dans votre fichier code-behind et ressemble à ceci :
rootElement.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleMouseDown));Ajoutez la ligne suivante sous cette ligne de code :
this.control.content.findName("Pause").addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleClickPause));Ce code ajoute une méthode de gestionnaire d’événements nommée handleClickPause, qui répond à l’événement MouseLeftButtonDown lorsqu’un utilisateur clique sur l’objet nommé Pause.
Votre fichier code-behind contient déjà un exemple de méthode de gestionnaire d’événements nommé handleMouseDown. Notez qu’à la fin de la méthode handleLoad, une virgule (,) apparaît après la dernière accolade (}) ; ce qui n’est pas le cas pour la méthode handleMouseDown. Cela est dû au fait que la méthode handleMouseDown est la dernière méthode déclarée. Lorsque vous ajoutez de nouvelles méthodes, assurez-vous qu’une virgule apparaît après la dernière accolade pour chaque méthode, à l’exception de la dernière méthode.
Ajoutez la méthode de gestionnaire d’événements suivante, de préférence avant l’événement handleMouseDown :
handleClickPause: function(sender, eventArgs) { sender.findName("MyVideo").pause(); },Cette méthode répond à un utilisateur qui clique sur le bouton gauche de la souris sur votre objet Pause, afin d’interrompre la lecture du média.
Appuyez sur la touche F5 pour tester votre application Silverlight 1.0. Cliquez sur votre objet Pause pour voir si la lecture du média a été interrompue. Vous pouvez éventuellement répéter ces étapes pour les boutons Lecture et Arrêt.