高黄暴h日本在线观看,92国产精品午夜福利

首頁

微信小程序

小程序開發(fā)

微信小程序使用audio組件播放音樂功能示例

小云云

May 24, 2018 am 10:57 AM

audio 小程序播放

前面我們分享過很多關(guān)于微信小程序教程，本文我們主要介紹了微信小程序使用audio組件播放音樂功能,結(jié)合實例形式分析了微信小程序audio組件播放在線音樂相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下，希望能幫助到大家。

1、效果展示

2、關(guān)鍵代碼

① index.wxml

復制代碼代碼如下:

<audio src="{{audioSrc}}" poster="{{audioPoster}}" name="{{audioName}}" author="{{audioAuthor}}" controls></audio>

② 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;,
 }
})

大家學會了嗎？趕緊動手自己嘗試一下吧。

相關(guān)推薦：

微信小程序用戶自定義模版的功能實現(xiàn)

實現(xiàn)選項卡功能的微信小程序

最全的微信小程序項目實例

以上是微信小程序使用audio組件播放音樂功能示例的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！

本站聲明

本文內(nèi)容由網(wǎng)友自發(fā)貢獻，版權(quán)歸原作者所有，本站不承擔相應法律責任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容，請聯(lián)系admin@php.cn

熱AI工具

熱工具

熱門話題

gmail郵箱登陸入口在哪里

8517

Java教程

1742

CakePHP 教程

1596

Laravel 教程

1536

PHP教程

1396

Related knowledge

使用Python開發(fā)微信小程序 Jun 17, 2023 pm 06:34 PM

隨著移動互聯(lián)網(wǎng)技術(shù)和智能手機的普及，微信成為了人們生活中不可或缺的一個應用。而微信小程序則讓人們可以在不需要下載安裝應用的情況下，直接使用小程序來解決一些簡單的需求。本文將介紹如何使用Python來開發(fā)微信小程序。一、準備工作在使用Python開發(fā)微信小程序之前，需要安裝相關(guān)的Python庫。這里推薦使用wxpy和itchat這兩個庫。wxpy是一個微信機器

實現(xiàn)微信小程序中的卡片翻轉(zhuǎn)特效 Nov 21, 2023 am 10:55 AM

實現(xiàn)微信小程序中的卡片翻轉(zhuǎn)特效在微信小程序中，實現(xiàn)卡片翻轉(zhuǎn)特效是一種常見的動畫效果，可以提升用戶體驗和界面交互的吸引力。下面將具體介紹如何在微信小程序中實現(xiàn)卡片翻轉(zhuǎn)的特效，并提供相關(guān)代碼示例。首先，需要在小程序的頁面布局文件中定義兩個卡片元素，一個用于顯示正面內(nèi)容，一個用于顯示背面內(nèi)容，具體示例代碼如下：&l

支付寶上線'漢字拾光-生僻字”小程序，用于征集、補充生僻字庫 Oct 31, 2023 pm 09:25 PM

本站10月31日消息，今年5月27日，螞蟻集團宣布啟動“漢字拾光計劃”，最近又迎來新進展：支付寶上線“漢字拾光-生僻字”小程序，用于向社會征集生僻字，補充生僻字庫，同時提供不同的生僻字輸入體驗，以幫助完善支付寶內(nèi)的生僻字輸入方法。目前，用戶搜索“漢字拾光”、“生僻字”等關(guān)鍵詞就可以進入“生僻字”小程序。在小程序里，用戶可以提交尚未被系統(tǒng)識別錄入的生僻字圖片，支付寶工程師在確認后，將會對字庫進行補錄入。本站注意到，用戶還可以在小程序體驗最新的拆字輸入法，這一輸入法針對讀音不明確的生僻字設(shè)計。用戶拆

Soundcore Space One Pro：Anker 推出迄今為止最昂貴的耳罩式耳機 Jun 26, 2024 pm 03:07 PM

Anker 提供廣泛的產(chǎn)品組合，不僅包括各種產(chǎn)品類別，而且每個類別中都有眾多產(chǎn)品。音頻產(chǎn)品在這方面也不例外，Anker 提供非常實惠的耳機以及

如何使用'隔空播放”流式傳輸視頻或鏡像 iPhone 或 iPad 屏幕 Jul 14, 2023 pm 07:53 PM

本快速指南將向您展示如何使用AirPlay，這是Apple的創(chuàng)新無線流媒體功能，可以輕松共享和顯示內(nèi)容。允許您使用Wi-Fi將iPhone或iPad連接到與AirPlay兼容的AppleTV、智能電視、揚聲器和Mac以及某些第三方揚聲器和智能電視，以實現(xiàn)無縫數(shù)據(jù)傳輸?！案艨詹シ拧币渣c對點為基礎(chǔ)運行，通過本地網(wǎng)絡(luò)連接您的Apple設(shè)備。它使用多種技術(shù)的組合，包括用于流式傳輸音頻和視頻的實時傳輸協(xié)議（RTP）和用于設(shè)備發(fā)現(xiàn)的Bonjour。簡而言之，當您使用“隔空播放”時，您的設(shè)備會發(fā)送數(shù)據(jù)流，然后

uniapp如何實現(xiàn)小程序和H5的快速轉(zhuǎn)換 Oct 20, 2023 pm 02:12 PM

uniapp如何實現(xiàn)小程序和H5的快速轉(zhuǎn)換，需要具體代碼示例近年來，隨著移動互聯(lián)網(wǎng)的發(fā)展和智能手機的普及，小程序和H5成為了不可或缺的應用形式。而uniapp作為一個跨平臺的開發(fā)框架，可以在一套代碼的基礎(chǔ)上，快速實現(xiàn)小程序和H5的轉(zhuǎn)換，大大提高了開發(fā)效率。本文將介紹uniapp如何實現(xiàn)小程序和H5的快速轉(zhuǎn)換，并給出具體的代碼示例。一、uniapp簡介unia