> 웹 프론트엔드 > JS 튜토리얼 > WeChat 미니 프로그램에서 오디오 구성 요소를 사용하는 방법

WeChat 미니 프로그램에서 오디오 구성 요소를 사용하는 방법

亚连
풀어 주다: 2018-06-21 18:25:32
원래의
2746명이 탐색했습니다.

이 글에서는 주로 WeChat 애플릿의 오디오 구성요소를 사용하여 음악을 재생하는 기능을 소개하고, 온라인 음악을 재생하기 위한 WeChat 애플릿의 오디오 구성요소와 관련된 작동 기술을 예제 형식으로 분석합니다. 도움이 필요한 친구들은 참고할 수 있습니다

이 글에서는 오디오 구성 요소를 사용하여 음악을 재생하는 WeChat 애플릿의 예를 설명합니다. 다음과 같이 참고할 수 있도록 모든 사람과 공유하세요.

Key code

① 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;,
 }
})
로그인 후 복사

위 내용은 모두에게 도움이 되기를 바랍니다. 미래에.

관련 기사:

vue의 이 포인팅 문제에 대해(자세한 튜토리얼)

Javascript에서 JSON 데이터 그룹화 최적화를 구현하는 방법

axios를 사용하여 진행률 표시줄 기능으로 이미지 업로드를 구현하는 방법

jQuery에서 Validate 플러그인을 사용하는 방법

js+cookie를 사용하여 장바구니 기능을 구현하는 방법

Angular5.1의 새로운 기능에 대한 자세한 해석

vuex 사용 방법 메뉴 관리 구현

Vue Tree 컴포넌트를 이용한 개발 방법

vue를 이용한 스도쿠 게임 개발 방법

IE8과 호환되는 webpack3 컴파일의 상세 해석(자세한 튜토리얼)

구현 방법 node

js 값에서 bool을 변환하는 방법을 사용하는 파일 이름 바꾸기 기능은 무엇입니까?

vue에서 참조 위치 지정을 사용하는 방법

위 내용은 WeChat 미니 프로그램에서 오디오 구성 요소를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿