मैं ऐसा कैसे कर सकता हूं, इसलिए जब भी कोई उपयोगकर्ता किसी लिंक पर क्लिक करता है तो हम एक ध्वनि खेलते हैं? यहाँ जावास्क्रिप्ट और jquery का उपयोग करना।
.load()
, .play()
वे एपी का उपयोग करके महत्वपूर्ण क्षणों में कर सकते हैं।
मैं ऐसा कैसे कर सकता हूं, इसलिए जब भी कोई उपयोगकर्ता किसी लिंक पर क्लिक करता है तो हम एक ध्वनि खेलते हैं? यहाँ जावास्क्रिप्ट और jquery का उपयोग करना।
.load()
, .play()
वे एपी का उपयोग करके महत्वपूर्ण क्षणों में कर सकते हैं।
जवाबों:
इस प्लगइन का उपयोग करें: https://github.com/admsev/jquery-play-sound
$.playSound('http://example.org/sound.mp3');
<audio>
अपने पृष्ठ पर एक तत्व रखें ।
अपना ऑडियो तत्व प्राप्त करें और play()
विधि को कॉल करें :
document.getElementById('yourAudioTag').play();
इस उदाहरण को देखें: http://www.storiesinflight.com/html5/audio.html
यह साइट आपके द्वारा की जाने वाली कुछ अन्य ठंडी चीजों को हटा देती है load()
,pause()
, और ऑडियो तत्व के कुछ अन्य संपत्तियों।
जब आप वास्तव में खेलना चाहते हैं तो यह ऑडियो तत्व आपके ऊपर है। बटन का पाठ पढ़ें और यदि आप चाहें तो इसकी तुलना "नहीं" से करें।
http://www.schillmania.com/projects/soundmanager2/
SoundManager 2 एपीआई का उपयोग करने के लिए एक आसान प्रदान करता है जो ध्वनि को किसी भी आधुनिक ब्राउज़र में चलाने की अनुमति देता है, जिसमें IE 6+ भी शामिल है। यदि ब्राउज़र HTML5 का समर्थन नहीं करता है, तो उसे फ्लैश की मदद मिलती है। यदि आप कड़ाई से HTML5 चाहते हैं और कोई फ्लैश नहीं है, तो इसके लिए एक सेटिंग है, तरजीह = झूठी
यह iPad, iPhone (iOS4) और अन्य HTML5- सक्षम उपकरणों + ब्राउज़रों पर 100% फ्लैश-फ्री ऑडियो का समर्थन करता है
उपयोग के रूप में सरल है:
<script src="soundmanager2.js"></script>
<script>
// where to find flash SWFs, if needed...
soundManager.url = '/path/to/swf-files/';
soundManager.onready(function() {
soundManager.createSound({
id: 'mySound',
url: '/path/to/an.mp3'
});
// ...and play it
soundManager.play('mySound');
});
यहां एक्शन में इसका डेमो दिया गया है: http://www.schillmania.com/projects/soundmanager2/demo/christmas-lights/
कुछ ऐसा मिला:
//javascript:
function playSound( url ){
document.getElementById("sound").innerHTML="<embed src='"+url+"' hidden=true autostart=true loop=false>";
}
HTML5 ऑडियो टैग और jquery का उपयोग करना:
// appending HTML5 Audio Tag in HTML Body
$('<audio id="chatAudio">
<source src="notify.ogg" type="audio/ogg">
<source src="notify.mp3" type="audio/mpeg">
</audio>').appendTo('body');
// play sound
$('#chatAudio')[0].play();
यहां से कोड ।
मेरे कार्यान्वयन में मैंने सीधे jquery परिशिष्ट के बिना HTML में ऑडियो एम्बेड जोड़ा।
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first
Chrome Version 70.0.3538.102 (Official Build) (64-bit)
... यहां समाधान प्रतीत होता है: stackoverflow.com/a/52821721
जावास्क्रिप्ट ध्वनि प्रबंधक:
$('a').click(function(){
$('embed').remove();
$('body').append('<embed src="/path/to/your/sound.wav" autostart="true" hidden="true" loop="false">');
});
मैंने एक छोटा सा फंक्शन लिखा जो वेब ऑडियो एपीआई के साथ कर सकता है ...
var beep = function(duration, type, finishedCallback) {
if (!(window.audioContext || window.webkitAudioContext)) {
throw Error("Your browser does not support Audio Context.");
}
duration = +duration;
// Only 0-4 are valid types.
type = (type % 5) || 0;
if (typeof finishedCallback != "function") {
finishedCallback = function() {};
}
var ctx = new (window.audioContext || window.webkitAudioContext);
var osc = ctx.createOscillator();
osc.type = type;
osc.connect(ctx.destination);
osc.noteOn(0);
setTimeout(function() {
osc.noteOff(0);
finishedCallback();
}, duration);
};
नई इमेजर ... अब तक IE, जेको ब्राउजर्स और आईफोन के साथ संगत लगती है ...
निम्नलिखित कोड आपको केवल जावास्क्रिप्ट का उपयोग करके वेब पेज में ध्वनि चलाने में मदद कर सकते हैं। आप http://sourcecodemania.com/playing-sound-javascript-flash-player/ पर अधिक विवरण देख सकते हैं
<script>
function getPlayer(pid) {
var obj = document.getElementById(pid);
if (obj.doPlay) return obj;
for(i=0; i<obj.childNodes.length; i++) {
var child = obj.childNodes[i];
if (child.tagName == "EMBED") return child;
}
}
function doPlay(fname) {
var player=getPlayer("audio1");
player.play(fname);
}
function doStop() {
var player=getPlayer("audio1");
player.doStop();
}
</script>
<form>
<input type="button" value="Play Sound" onClick="doPlay('texi.wav')">
<a href="#" onClick="doPlay('texi.wav')">[Play]</a>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
width="40"
height="40"
id="audio1"
align="middle">
<embed src="wavplayer.swf?h=20&w=20"
bgcolor="#ffffff"
width="40"
height="40"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>
<input type="button" value="Stop Sound" onClick="doStop()">
</form>
पहली चीजें पहले, मैं एक उपयोगकर्ता के रूप में ऐसा नहीं चाहूंगा।
सबसे अच्छा तरीका शायद एक छोटे फ्लैश एप्लेट का उपयोग करना है जो पृष्ठभूमि में आपकी ध्वनि बजाता है।
यहाँ भी उत्तर दिया गया: क्रॉस-प्लेटफॉर्म, जावास्क्रिप्ट से ध्वनि खेलने के लिए क्रॉस-ब्राउज़र तरीका?