एचटीएमएल 5 ऑडियो डिस्प्ले केवल प्ले रोकें और म्यूट बटन

मुझे आश्चर्य है कि अगर मैं चाहता हूं कि प्रदर्शित करने के लिए एचटीएमएल 5 ऑडियो तत्व को स्टाइल करने का एक तेज़ और आसान तरीका है। मैं सोच रहा था कि क्या आप कुछ नियंत्रण चालू और बंद कर सकते हैं, लेकिन ऐसा लगता है कि यह मामला नहीं है।एचटीएमएल 5 ऑडियो डिस्प्ले केवल प्ले रोकें और म्यूट बटन

मुझे प्रगति/ट्रैक बार नहीं चाहिए, या समय शेष प्रदर्शित नहीं करना है। मैं सिर्फ एक साधारण प्ले/पॉज़ टॉगल बटन चाहता हूं, और एक म्यूट/अनम्यूट टॉगल बटन चाहता हूं।

यह सब कुछ है! कोई विचार?

स्रोत

2012-12-10 user1380540

मैंने पहले ही इसका उत्तर दिया था। लिंक यहाँ है। http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

आप Media API का उपयोग कर सकते हैं और अपनी इच्छित कार्यक्षमता के साथ अपने स्वयं के नियंत्रण सेट का निर्माण कर सकते हैं। मैंने इसके बारे में लिखा है: Working with HTML5 multimedia components – Part 3: Custom controls - जो एक वीडियो उदाहरण दिखाता है, लेकिन आप आसानी से एक ऑडियो बना सकते हैं।

स्रोत

2012-12-11 09:19:32

लिंक चला गया है, लेकिन जिस तरह से वापस मशीन पर उपलब्ध https://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

इस कोड का उपयोग करें यह आपके उद्देश्य की सेवा करेगा।

<!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>

स्रोत

2013-06-29 15:06:02

बहुत बहुत धन्यवाद .... यह मेरे लिए काम करता है और मैं

धन्यवाद, यह मेरे लिए काम करता है :) – Mahamadali

एचटीएमएल 5 ऑडियो डिस्प्ले केवल प्ले रोकें और म्यूट बटन

उत्तर

संबंधित मुद्दे