2012-12-10 49 views
7

Tôi tự hỏi liệu có cách nhanh chóng và đơn giản để tạo kiểu phần tử âm thanh HTML5 để hiển thị nội dung tôi muốn hay không. Tôi đã tự hỏi nếu bạn có thể bật một số điều khiển và tắt, nhưng điều đó dường như không phải là trường hợp.HTML5 Âm thanh chỉ hiển thị tạm dừng phát và các nút tắt tiếng

Tôi không muốn thanh tiến trình/theo dõi hoặc hiển thị thời gian còn lại. Tôi chỉ muốn một nút bật/tắt tạm dừng đơn giản và nút tắt tiếng/bật tiếng bật tắt.

Đó là tất cả! Bất kỳ ý tưởng?

+0

Tôi đã trả lời rồi. Đây là liên kết. http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

Trả lời

3

Bạn có thể sử dụng Media API và tạo bộ điều khiển của riêng mình bằng chức năng bạn muốn. Tôi đã viết về điều này: Working with HTML5 multimedia components – Part 3: Custom controls - trong đó cho thấy một ví dụ video, nhưng bạn có thể dễ dàng xây dựng một âm thanh.

+0

Liên kết đã biến mất nhưng có sẵn trên đường trở về máy https://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

17

Sử dụng mã này để phục vụ mục đích của bạn.

<!DOCTYPE html> 
<html> 
<body> 
<audio id="player" src="horse.ogg"></audio> 
<div> 
    <button onclick="document.getElementById('player').play()">Play</button> 
    <button onclick="document.getElementById('player').pause()">Pause</button> 
    <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/ Unmute</button> 
</div> 
</body> 
</html> 
+0

Cảm ơn bạn rất nhiều .... Tôi đã làm việc cho tôi và tôi có thể thay thế

+0

Cảm ơn, nó đã làm việc cho tôi :) – Mahamadali

Các vấn đề liên quan