uniapp에서 오디오 태그를 사용하는 방법

PHPz
풀어 주다: 2023-04-27 10:45:41
원래의
2754명이 탐색했습니다.

모바일 인터넷의 발전으로 음악 플레이어, 음성 채팅, 음성 인식 등 오디오 관련 애플리케이션이 사용자들 사이에서 점점 더 인기를 얻고 있습니다. uniapp을 사용하여 이러한 오디오 애플리케이션을 개발하는 것은 매우 편리합니다. 중요한 구성 요소 중 하나는

  1. 기본 사용법

유니앱에서는 해당 페이지의 wxml 파일에

<audio src="../../static/audio.mp3" id="myAudio"></audio>
로그인 후 복사

그 중 src 속성은 오디오 파일의 경로를 지정하고, id 속성은 오디오 파일의 고유 식별자를 정의하는 데 사용됩니다. 이후의 편의를 위해

  1. 播放音频

要播放一个音频,需要先获取该

const myAudio = uni.createInnerAudioContext();
myAudio.src = "../../static/audio.mp3";
myAudio.play();
로그인 후 복사

其中,createInnerAudioContext()方法用来创建

  1. 暂停音频

为了暂停一个正在播放的音频,可以使用pause()方法,示例代码如下:

myAudio.pause();
로그인 후 복사
  1. 停止音频

停止一个正在播放的音频,可以使用stop()方法,示例代码如下:

myAudio.stop();
로그인 후 복사

需要注意的是,停止音频之后需要调用destroy()方法销毁当前

myAudio.destroy();
로그인 후 복사
  1. 监听事件

  • onPlay():当音频开始播放时触发。
  • onPause():当音频暂停时触发。
  • onStop():当音频停止时触发。
  • onEnded():当音频播放结束时触发。
  • onError()
    1. 오디오 재생

    오디오를 재생하려면 먼저
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!