Maison Applet WeChat Développement de mini-programmes Exemple d'applet WeChat utilisant un composant audio pour lire de la musique

Exemple d'applet WeChat utilisant un composant audio pour lire de la musique

May 24, 2018 am 10:57 AM
audio 小程序 播放

Nous avons déjà partagé de nombreux tutoriels sur les mini-programmes WeChat. Dans cet article, nous présentons principalement la fonction d'utilisation du composant audio des mini-programmes WeChat pour lire de la musique et analysons les compétences opérationnelles liées au composant audio de WeChat. des mini programmes pour lire de la musique en ligne sous forme d'exemples, et livrés avec le code source pour que les lecteurs puissent le télécharger pour référence. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

1. Affichage des effets

2.

① index.wxml

Copier le code Le code est le suivant :

<audio src="{{audioSrc}}" poster="{{audioPoster}}" name="{{audioName}}" author="{{audioAuthor}}" controls></audio>
Copier après la connexion
② index.js

Page({
 data: {
   audioPoster: &#39;http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000&#39;,
   audioName: &#39;此时此刻&#39;,
   audioAuthor: &#39;许巍&#39;,
   audioSrc: &#39;http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46&#39;,
 }
})
Copier après la connexion
L'avez-vous déjà appris ? Dépêchez-vous et essayez-le vous-même.


Recommandations associées :

Implémentation fonctionnelle de modèles définis par l'utilisateur pour les mini-programmes WeChat

Mini-programme WeChat qui implémente le fonction d'onglet Programme

L'exemple de projet de mini-programme WeChat le plus complet

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment diffuser des vidéos ou refléter l'écran de votre iPhone ou iPad à l'aide d'AirPlay Comment diffuser des vidéos ou refléter l'écran de votre iPhone ou iPad à l'aide d'AirPlay Jul 14, 2023 pm 07:53 PM

Ce guide rapide vous montrera comment utiliser AirPlay, la fonctionnalité innovante de streaming sans fil d'Apple pour partager et afficher facilement du contenu. Vous permet d'utiliser le Wi-Fi pour connecter votre iPhone ou iPad à des Apple TV, des téléviseurs intelligents, des haut-parleurs et des Mac compatibles AirPlay, ainsi qu'à certains haut-parleurs et téléviseurs intelligents tiers, pour un transfert de données fluide. AirPlay fonctionne sur une base peer-to-peer, connectant vos appareils Apple via le réseau local. Il utilise une combinaison de technologies, notamment le protocole RTP (Real-time Transport Protocol) pour le streaming audio et vidéo et Bonjour pour la découverte d'appareils. En termes simples, lorsque vous utilisez AirPlay, votre appareil envoie un flux de données, puis

Développer l'applet WeChat en utilisant Python Développer l'applet WeChat en utilisant Python Jun 17, 2023 pm 06:34 PM

Avec la popularité de la technologie Internet mobile et des smartphones, WeChat est devenu une application indispensable dans la vie des gens. Les mini-programmes WeChat permettent aux gens d'utiliser directement des mini-programmes pour résoudre certains besoins simples sans télécharger ni installer d'applications. Cet article explique comment utiliser Python pour développer l'applet WeChat. 1. Préparation Avant d'utiliser Python pour développer l'applet WeChat, vous devez installer la bibliothèque Python appropriée. Il est recommandé d'utiliser ici les deux bibliothèques wxpy et itchat. wxpy est une machine WeChat

Lancement du lecteur de cassettes FiiO CP13 avec un look rétro transparent Lancement du lecteur de cassettes FiiO CP13 avec un look rétro transparent Jun 16, 2024 am 09:52 AM

Le lecteur de cassettes FiiOCP13 a été annoncé en janvier. Désormais, FiiO élargit son portefeuille avec deux nouveaux modèles, l'un avec une façade rouge et l'autre avec une façade transparente. Ce dernier non seulement correspond parfaitement au charme rétro du design angulaire, mais aussi

Soundcore Space One Pro : Anker dévoile le casque supra-auriculaire le plus cher à ce jour Soundcore Space One Pro : Anker dévoile le casque supra-auriculaire le plus cher à ce jour Jun 26, 2024 pm 03:07 PM

Anker propose à la fois un large portefeuille de produits, qui comprend non seulement diverses catégories de produits, mais également de nombreux produits au sein de chaque catégorie. Les produits audio ne font pas exception à cet égard, Anker proposant des casques très abordables ainsi que

Klipsch dévoile la barre de son phare Flexus Core 300 avec prise en charge 8K, 12 haut-parleurs et correction de pièce Klipsch dévoile la barre de son phare Flexus Core 300 avec prise en charge 8K, 12 haut-parleurs et correction de pièce Sep 05, 2024 am 10:16 AM

Le Klipsch Flexus Core 300 est le modèle haut de gamme de la série et se positionne au-dessus du Flexus Core 200 déjà disponible dans la gamme de barres de son de l'entreprise. Selon Klipsch, il s'agit de la première barre de son au monde dont le son peut être adapté aux besoins.

Implémenter des effets de retournement de cartes dans les mini-programmes WeChat Implémenter des effets de retournement de cartes dans les mini-programmes WeChat Nov 21, 2023 am 10:55 AM

Implémentation d'effets de retournement de cartes dans les mini-programmes WeChat Dans les mini-programmes WeChat, la mise en œuvre d'effets de retournement de cartes est un effet d'animation courant qui peut améliorer l'expérience utilisateur et l'attractivité des interactions d'interface. Ce qui suit présentera en détail comment implémenter l'effet de retournement de carte dans l'applet WeChat et fournira des exemples de code pertinents. Tout d'abord, vous devez définir deux éléments de carte dans le fichier de mise en page du mini-programme, un pour afficher le contenu avant et un pour afficher le contenu arrière. L'exemple de code spécifique est le suivant : &lt;!--index.wxml-. -&gt;&l

Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares. Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares. Oct 31, 2023 pm 09:25 PM

Selon les informations de ce site du 31 octobre, le 27 mai de cette année, Ant Group a annoncé le lancement du « Projet de sélection de caractères chinois » et a récemment inauguré de nouveaux progrès : Alipay a lancé le mini-programme « Sélection de caractères chinois-Caractères rares ». pour collecter des collections de la société Les personnages rares complètent la bibliothèque de personnages rares et offrent différentes expériences de saisie pour les personnages rares afin d'aider à améliorer la méthode de saisie des caractères rares dans Alipay. Actuellement, les utilisateurs peuvent accéder à l'applet « Caractères peu communs » en recherchant des mots-clés tels que « capture de caractères chinois » et « caractères rares ». Dans le mini-programme, les utilisateurs peuvent soumettre des images de caractères rares qui n'ont pas été reconnus et saisis par le système. Après confirmation, les ingénieurs d'Alipay effectueront des entrées supplémentaires dans la bibliothèque de polices. Ce site Web a remarqué que les utilisateurs peuvent également découvrir la dernière méthode de saisie par fractionnement de mots dans le mini-programme. Cette méthode de saisie est conçue pour les mots rares dont la prononciation n'est pas claire. Démantèlement utilisateur

Que signifie Audio ? Que signifie Audio ? Dec 25, 2023 pm 03:41 PM

L'audio fait référence à la longueur d'onde, à la fréquence et à l'intensité du son. C'est un signal qui peut être perçu par le système auditif humain et qui est produit par la vibration d'un objet. L'audio existe généralement sous la forme de formes d'onde qui peuvent être enregistrées, stockées, transmises et rejouées. L'audio est une information multimédia importante qui est utilisée dans divers domaines. Avec le développement de la technologie numérique, l’audio numérique est devenu une technologie courante dans les domaines de la production et de la diffusion de musique moderne. Dans le même temps, le traitement audio et la numérisation constituent également l’une des orientations importantes de la technologie audio moderne. Ils peuvent améliorer la qualité du son, augmenter sa clarté et son expressivité.

See all articles