简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML을 사용하여 오디오 재생 코드 구현

零下一度
풀어 주다： 2017-04-22 16:01:14
원래의
12203명이 탐색했습니다.

컨트롤이 있는 플레이어

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<audio src="raw/1.mp3" controls="controls">你的浏览器不支持</audio>
</body>
</html>
로그인 후 복사
로그인 후 복사

플레이어가 보이지 않습니다. 버튼을 사용하여 재생을 제어하세요

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<button onclick="clickA()">播放/暂停</button>
<audio id="audio" src="raw/1.mp3">你的浏览器不支持</audio>
<script>
    var a=document.getElementById("audio");
    function clickA(){
        if(a.paused){
            a.play();
        }else{
            a.pause();
        }
    }
</script>
</body>
</html>
로그인 후 복사

컨트롤이 있는 플레이어

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<audio src="raw/1.mp3" controls="controls">你的浏览器不支持</audio>
</body>
</html>
로그인 후 복사
로그인 후 복사

플레이어가 보이지 않습니다. 버튼을 사용하여 재생을 제어하세요

아아아아


위 내용은 HTML을 사용하여 오디오 재생 코드 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
html，音频播放
원천：php.cn
이전 기사：html로 edm을 작성할 때 주의할 점은 무엇인가요? 다음 기사：HTML로 만든 아름다운 로그인 페이지
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
JS를 사용하여 재생 품질 제어 Javascript를 사용하여 비디오의 재생 품질을 제어할 수 있는 방법이 있습니까? 보다 정확하게는 JavaScript를 사용하여 비디오 품질을 선택하고 싶습니...
에서 2024-04-04 00:21:55
0
1
384
선택 이벤트가 변경되면 CSS 애니메이션이 해당 효과를 트리거합니다. 저는 React 앱을 만들려고 합니다. 지금은 포켓몬이 포함된 선택 입력 상자가 있습니다. 선택 항목이 변경될 때마다(예: 포켓몬이 변경될 때) 포켓몬 스프라이트...
에서 2024-04-01 09:16:28
0
1
350
다른 웹사이트에서 mp3 파일을 재생하는 CORS 오류 수정 내가 겪고 있는 문제는 내 React 앱이 다른 소스의 오디오를 재생할 수 없고 CORS 오류가 발생한다는 것입니다. 예: https://audio.podigee...
에서 2024-03-31 22:04:39
0
1
286
Safari의 HTML 비디오 태그에서 오디오 및 비디오를 캡처하는 방법이 있습니까? Chrome 및 Firefox에서는 HTMLMediaElement.captureMediaStream()을 사용하여 스트림을 캡처할 수 있습니다. 그러나 Safar...
에서 2024-03-31 12:27:03
0
1
329
이메일에서 비디오 재생 단순화: 즉시 재생 보장, 다운로드 화면 필요 없음 여기서는 "어느 벽에 사다리를 기대야 하는지" 잘 모르겠습니다. 또는 제가 하려는 일에 대한 올바른 용어조차 모르겠습니다. 저는 수년 동안 농업...
에서 2024-03-30 17:12:51
0
1
433
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！