blocks|key|1339298|text|纯javascript没有跨浏览器的方法来实现这一点。相反，您可以使用使用embed或object标签播放的小.wav文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1339299|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>There's no crossbrowser way to achieve this with pure javascript. Instead you could use a small .wav file that you play using embed or object tags.</p>


blocks|key|1555007|text|这不可能直接在JavaScript中完成。您需要在HTML中嵌入一个简短的WAV文件，然后通过代码播放该文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1555008|举个例子：|1555009|<script>
function+PlaySound(soundObj)+{
++var+sound+=+document.getElementById(soundObj);
++sound.Play();
}
</script>

<embed+src="success.wav"+autostart="false"+width="0"+height="0"+id="sound1"
enablejavascript="true">|code-block|syntax|javascript|1555010|然后您可以从JavaScript代码中调用它，如下所示：|1555011|PlaySound("sound1");|1555012|这应该会做你想要的-你只需要自己找到/创建蜂鸣声，这应该是微不足道的。|1555013|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>It's not possible to do directly in JavaScript. You'll need to embed a short WAV file in the HTML, and then play that via code.</p>

<p>An Example:</p>

<pre><code>&lt;script&gt;
function PlaySound(soundObj) {
  var sound = document.getElementById(soundObj);
  sound.Play();
}
&lt;/script&gt;

&lt;embed src="success.wav" autostart="false" width="0" height="0" id="sound1"
enablejavascript="true"&gt;
</code></pre>

<p>You would then call it from JavaScript code as such:</p>

<pre><code>PlaySound("sound1");
</code></pre>

<p>This should do exactly what you want - you'll just need to find/create the beep sound yourself, which should be trivial.</p>


blocks|key|1339403|text|你需要一个声音文件才能从某个地方提供服务。下面是Scriptaculous的声音库中的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1339404|//Default:
<embed+style="height:0"+id="sound_#{track}_#{id}"+src="#{url}"+loop="false"+autostart="true"+hidden="true"/>

//For+Gecko:
if(Prototype.Browser.Gecko+&&+navigator.userAgent.indexOf("Win")+>+0){
++if(navigator.plugins+&&+$A(navigator.plugins).detect(function(p){+return+p.name.indexOf('QuickTime')+!=+-1+}))
++++Sound.template+=+new+Template('<object+id="sound_#{track}_#{id}"+width="0"+height="0"+type="audio/mpeg"+data="#{url}"/>');
++else+if(navigator.plugins+&&+$A(navigator.plugins).detect(function(p){+return+p.name.indexOf('Windows+Media')+!=+-1+}))
++++Sound.template+=+new+Template('<object+id="sound_#{track}_#{id}"+type="application/x-mplayer2"+data="#{url}"></object>');
++else+if(navigator.plugins+&&+$A(navigator.plugins).detect(function(p){+return+p.name.indexOf('RealPlayer')+!=+-1+}))
++++Sound.template+=+new+Template('<embed+type="audio/x-pn-realaudio-plugin"+style="height:0"+id="sound_#{track}_#{id}"+src="#{url}"+loop="false"+autostart="true"+hidden="true"/>');
++else
++++Sound.play+=+function(){};
}+|code-block|syntax|javascript|1339405|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/madrobby/scriptaculous/downloads^0|O|D|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>You need a sound file to be served from somewhere.  Here's the code from <a href="http://github.com/madrobby/scriptaculous/downloads" rel="nofollow noreferrer">Scriptaculous</a>'s Sound library:</p>

<pre><code>//Default:
&lt;embed style="height:0" id="sound_#{track}_#{id}" src="#{url}" loop="false" autostart="true" hidden="true"/&gt;

//For Gecko:
if(Prototype.Browser.Gecko &amp;&amp; navigator.userAgent.indexOf("Win") &gt; 0){
  if(navigator.plugins &amp;&amp; $A(navigator.plugins).detect(function(p){ return p.name.indexOf('QuickTime') != -1 }))
    Sound.template = new Template('&lt;object id="sound_#{track}_#{id}" width="0" height="0" type="audio/mpeg" data="#{url}"/&gt;');
  else if(navigator.plugins &amp;&amp; $A(navigator.plugins).detect(function(p){ return p.name.indexOf('Windows Media') != -1 }))
    Sound.template = new Template('&lt;object id="sound_#{track}_#{id}" type="application/x-mplayer2" data="#{url}"&gt;&lt;/object&gt;');
  else if(navigator.plugins &amp;&amp; $A(navigator.plugins).detect(function(p){ return p.name.indexOf('RealPlayer') != -1 }))
    Sound.template = new Template('&lt;embed type="audio/x-pn-realaudio-plugin" style="height:0" id="sound_#{track}_#{id}" src="#{url}" loop="false" autostart="true" hidden="true"/&gt;');
  else
    Sound.play = function(){};
} 
</code></pre>


blocks|key|1555118|text|如果您将以下样式添加到标签中，则可以使用CSS完成此操作，但您需要一个wav文件：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1555119|<style+type="text/css">
++++++++.beep+{cue:+url("beep.wav")+}
</style>

var+body=document.getElementByTagName("body");
body.className=body.className+%2B+"+"+%2B+"beep";|code-block|syntax|javascript|1555120|entityMap^0|Z|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Using CSS you can do it if you add the following style to a tag, but you will need a <code>wav</code> file:</p>

<pre><code>&lt;style type="text/css"&gt;
        .beep {cue: url("beep.wav") }
&lt;/style&gt;

var body=document.getElementByTagName("body");
body.className=body.className + " " + "beep";
</code></pre>


blocks|key|1555198|text|正如我们在this+answer中所读到的，HTML5将为您解决这个问题，如果您愿意这样做的话。all+modern+browsers支持HTML5音频。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1555199|以下是该示例的副本：|1555200|var+snd+=+new+Audio("file.wav");+//+buffers+automatically+when+created
snd.play();|code-block|syntax|javascript|1555201|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/1934325/456584|1|http://html5readiness.com/^0|5|B|0|1C|J|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]|$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

<p>As we read in <a href="https://stackoverflow.com/a/1934325/456584">this answer</a>, HTML5 will solve this for you if you're open to that route. HTML5 audio is supported in <a href="http://html5readiness.com/" rel="noreferrer">all modern browsers</a>.</p>

<p>Here's a copy of the example:</p>

<pre><code>var snd = new Audio("file.wav"); // buffers automatically when created
snd.play();
</code></pre>


blocks|key|1339615|text|我用新的Audio+API编写了一个函数来发出蜂鸣声。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1339616|var+beep+=+(function+()+{
++++var+ctxClass+=+window.audioContext+%7C%7Cwindow.AudioContext+%7C%7C+window.AudioContext+%7C%7C+window.webkitAudioContext
++++var+ctx+=+new+ctxClass();
++++return+function+(duration,+type,+finishedCallback)+{

++++++++duration+=+%2Bduration;

++++++++//+Only+0-4+are+valid+types.
++++++++type+=+(type+%25+5)+%7C%7C+0;

++++++++if+(typeof+finishedCallback+!=+"function")+{
++++++++++++finishedCallback+=+function+()+{};
++++++++}

++++++++var+osc+=+ctx.createOscillator();

++++++++osc.type+=+type;
++++++++//osc.type+=+"sine";

++++++++osc.connect(ctx.destination);
++++++++if+(osc.noteOn)+osc.noteOn(0);+//+old+browsers
++++++++if+(osc.start)+osc.start();+//+new+browsers

++++++++setTimeout(function+()+{
++++++++++++if+(osc.noteOff)+osc.noteOff(0);+//+old+browsers
++++++++++++if+(osc.stop)+osc.stop();+//+new+browsers
++++++++++++finishedCallback();
++++++++},+duration);

++++};
})();|code-block|syntax|javascript|1339617|jsFiddle。|offset|length|1339618|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/55Kfu/1506/^0|0|0|0|8|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>I wrote a function to beep with the new Audio API.</p>

<pre><code>var beep = (function () {
    var ctxClass = window.audioContext ||window.AudioContext || window.AudioContext || window.webkitAudioContext
    var ctx = new ctxClass();
    return function (duration, type, finishedCallback) {

        duration = +duration;

        // Only 0-4 are valid types.
        type = (type % 5) || 0;

        if (typeof finishedCallback != "function") {
            finishedCallback = function () {};
        }

        var osc = ctx.createOscillator();

        osc.type = type;
        //osc.type = "sine";

        osc.connect(ctx.destination);
        if (osc.noteOn) osc.noteOn(0); // old browsers
        if (osc.start) osc.start(); // new browsers

        setTimeout(function () {
            if (osc.noteOff) osc.noteOff(0); // old browsers
            if (osc.stop) osc.stop(); // new browsers
            finishedCallback();
        }, duration);

    };
})();
</code></pre>

<p><a href="http://jsfiddle.net/55Kfu/1506/" rel="noreferrer">jsFiddle</a>.</p>


blocks|key|1555330|text|function+beep(wavFile){
++++wavFile+=+wavFile+%7C%7C+"beep.wav"
++++if+(navigator.appName+==+'Microsoft+Internet+Explorer'){
++++++++var+e+=+document.createElement('BGSOUND');
++++++++e.src+=+wavFile;
++++++++e.loop+=1;
++++++++document.body.appendChild(e);
++++++++document.body.removeChild(e);
++++}else{
++++++++var+e+=+document.createElement('AUDIO');
++++++++var+src1+=+document.createElement('SOURCE');
++++++++src1.type=+'audio/wav';
++++++++src1.src=+wavFile;
++++++++e.appendChild(src1);
++++++++e.play();
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1555331|适用于使用Win7操作系统的Chrome，IE，Mozilla。需要服务器上的beep.wav文件。|unstyled|offset|length|style|CODE|1555332|entityMap^0|0|13|8|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>function beep(wavFile){
    wavFile = wavFile || "beep.wav"
    if (navigator.appName == 'Microsoft Internet Explorer'){
        var e = document.createElement('BGSOUND');
        e.src = wavFile;
        e.loop =1;
        document.body.appendChild(e);
        document.body.removeChild(e);
    }else{
        var e = document.createElement('AUDIO');
        var src1 = document.createElement('SOURCE');
        src1.type= 'audio/wav';
        src1.src= wavFile;
        e.appendChild(src1);
        e.play();
    }
}
</code></pre>

<p>Works on Chrome,IE,Mozilla using Win7 OS.
Requires a <code>beep.wav</code> file on the server.</p>


blocks|key|1339732|text|下面是我如何使用HTML5使其发出蜂鸣声:首先，我复制并将windows+wav文件转换为mp3，然后使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1339733|var+_beep+=+window.Audio("Content/Custom/Beep.mp3")

function+playBeep()+{+_beep.play()};|code-block|syntax|javascript|1339734|全局声明声音文件并根据需要引用它会更快。|1339735|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Here's how I get it to beep using HTML5:
First I copy and convert the windows wav file to mp3, then I use this code:</p>

<pre><code>var _beep = window.Audio("Content/Custom/Beep.mp3")

function playBeep() { _beep.play()};
</code></pre>

<p>It's faster to declare the sound file globally and refer to it as needed.</p>


blocks|key|1339753|text|function+Sound(url,+vol,+autoplay,+loop)
{
++++var+that+=+this;

++++that.url+=+(url+===+undefined)+?+""+:+url;
++++that.vol+=+(vol+===+undefined)+?+1.0+:+vol;
++++that.autoplay+=+(autoplay+===+undefined)+?+true+:+autoplay;
++++that.loop+=+(loop+===+undefined)+?+false+:+loop;
++++that.sample+=+null;

++++if(that.url+!==+"")
++++{
++++++++that.sync+=+function(){
++++++++++++that.sample.volume+=+that.vol;
++++++++++++that.sample.loop+=+that.loop;
++++++++++++that.sample.autoplay+=+that.autoplay;
++++++++++++setTimeout(function(){+that.sync();+},+60);
++++++++};

++++++++that.sample+=+document.createElement("audio");
++++++++that.sample.src+=+that.url;
++++++++that.sync();

++++++++that.play+=+function(){
++++++++++++if(that.sample)
++++++++++++{
++++++++++++++++that.sample.play();
++++++++++++}
++++++++};

++++++++that.pause+=+function(){
++++++++++++if(that.sample)
++++++++++++{
++++++++++++++++that.sample.pause();
++++++++++++}
++++++++};
++++}
}

var+test+=+new+Sound("http://mad-hatter.fr/Assets/projects/FreedomWings/Assets/musiques/freedomwings.mp3");
test.play();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1339754|http://jsfiddle.net/sv9j638j/|unstyled|offset|length|1339755|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|T|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@$G|R|H|S|1|T]]|A|$]]|$1|I|3|-4|5|F|7|U|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|E]]]]

<pre><code>function Sound(url, vol, autoplay, loop)
{
    var that = this;

    that.url = (url === undefined) ? "" : url;
    that.vol = (vol === undefined) ? 1.0 : vol;
    that.autoplay = (autoplay === undefined) ? true : autoplay;
    that.loop = (loop === undefined) ? false : loop;
    that.sample = null;

    if(that.url !== "")
    {
        that.sync = function(){
            that.sample.volume = that.vol;
            that.sample.loop = that.loop;
            that.sample.autoplay = that.autoplay;
            setTimeout(function(){ that.sync(); }, 60);
        };

        that.sample = document.createElement("audio");
        that.sample.src = that.url;
        that.sync();

        that.play = function(){
            if(that.sample)
            {
                that.sample.play();
            }
        };

        that.pause = function(){
            if(that.sample)
            {
                that.sample.pause();
            }
        };
    }
}

var test = new Sound("http://mad-hatter.fr/Assets/projects/FreedomWings/Assets/musiques/freedomwings.mp3");
test.play();
</code></pre>

<p><a href="http://jsfiddle.net/sv9j638j/" rel="nofollow">http://jsfiddle.net/sv9j638j/</a></p>


blocks|key|1555476|text|注意:将此代码放入您的javascript中您想要发出蜂鸣声的位置。记住指定存储蜂鸣音的目录或文件夹(来源)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1555477|<script>
//Appending+HTML5+Audio+Tag+in+HTML+Body
$('<audio+id="chatAudio"><source+src="sound/notify.ogg"+type="audio/ogg"><source+src="sound/notify.mp3"+type="audio/mpeg"><source+src="sound/notify.wav"+type="audio/wav"></audio>').appendTo('body');

$('#chatAudio')[0].play();
</script>|code-block|syntax|javascript|1555478|参考：http://www.9lessons.info/2013/04/play-notification-sound-using-jquery.html。|offset|length|1555479|我在我正在开发的社交媒体中实现了这一点，它的工作方式是查找，聊天时类似facebook的通知，通知您有新的聊天消息|1555480|entityMap|0|LINK|mutability|MUTABLE|url|http://www.9lessons.info/2013/04/play-notification-sound-using-jquery.html^0|0|0|3|22|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>Note:put this code in your javascript at the point you want the beep to occur.
and remember to specify the directory or folder where the beep sound is stored(source).</p>

<pre><code>&lt;script&gt;
//Appending HTML5 Audio Tag in HTML Body
$('&lt;audio id="chatAudio"&gt;&lt;source src="sound/notify.ogg" type="audio/ogg"&gt;&lt;source src="sound/notify.mp3" type="audio/mpeg"&gt;&lt;source src="sound/notify.wav" type="audio/wav"&gt;&lt;/audio&gt;').appendTo('body');

$('#chatAudio')[0].play();
&lt;/script&gt;
</code></pre>

<p>Reference:<a href="http://www.9lessons.info/2013/04/play-notification-sound-using-jquery.html" rel="nofollow noreferrer">http://www.9lessons.info/2013/04/play-notification-sound-using-jquery.html</a>.</p>

<p>I implemented this in a social media i am developing and it works find, a notification like that of facebook when chatting, notifying you that you have a new chat message</p>


blocks|key|1555522|text|上面的答案在当时是正确的，但现在是错误的；你可以用纯javascript来做。但是，使用javascript的答案不再有效，其他答案非常有限，或者不使用纯javascript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1555523|我做了我自己的解决方案，效果很好，可以让你控制音量，频率和波型。|1555524|//if+you+have+another+AudioContext+class+use+that+one,+as+some+browsers+have+a+limit
var+audioCtx+=+new+(window.AudioContext+%7C%7C+window.webkitAudioContext+%7C%7C+window.audioContext);

//All+arguments+are+optional:

//duration+of+the+tone+in+milliseconds.+Default+is+500
//frequency+of+the+tone+in+hertz.+default+is+440
//volume+of+the+tone.+Default+is+1,+off+is+0.
//type+of+tone.+Possible+values+are+sine,+square,+sawtooth,+triangle,+and+custom.+Default+is+sine.
//callback+to+use+on+end+of+tone
function+beep(duration,+frequency,+volume,+type,+callback)+{
++++var+oscillator+=+audioCtx.createOscillator();
++++var+gainNode+=+audioCtx.createGain();

++++oscillator.connect(gainNode);
++++gainNode.connect(audioCtx.destination);

++++if+(volume){gainNode.gain.value+=+volume;}
++++if+(frequency){oscillator.frequency.value+=+frequency;}
++++if+(type){oscillator.type+=+type;}
++++if+(callback){oscillator.onended+=+callback;}

++++oscillator.start(audioCtx.currentTime);
++++oscillator.stop(audioCtx.currentTime+%2B+((duration+%7C%7C+500)+/+1000));
};|code-block|syntax|javascript|1555525|有人建议我编辑这段代码，指出它只适用于某些浏览器。然而，据我所知，所有现代浏览器上都有Audiocontext+seems+to+be+supported。它在IE上不受支持，但微软已经停止使用。如果您在特定浏览器上遇到任何问题，请报告。|offset|length|1555526|entityMap|0|LINK|mutability|MUTABLE|url|http://caniuse.com/#search=audiocontext^0|0|0|0|17|Y|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>The top answer was correct at the time but is now wrong; you can do it in pure javascript. But the one answer using javascript doesn't work any more, and the other answers are pretty limited or don't use pure javascript.</p>

<p>I made my own solution that works well and lets you control the volume, frequency, and wavetype.</p>

<pre><code>//if you have another AudioContext class use that one, as some browsers have a limit
var audioCtx = new (window.AudioContext || window.webkitAudioContext || window.audioContext);

//All arguments are optional:

//duration of the tone in milliseconds. Default is 500
//frequency of the tone in hertz. default is 440
//volume of the tone. Default is 1, off is 0.
//type of tone. Possible values are sine, square, sawtooth, triangle, and custom. Default is sine.
//callback to use on end of tone
function beep(duration, frequency, volume, type, callback) {
    var oscillator = audioCtx.createOscillator();
    var gainNode = audioCtx.createGain();

    oscillator.connect(gainNode);
    gainNode.connect(audioCtx.destination);

    if (volume){gainNode.gain.value = volume;}
    if (frequency){oscillator.frequency.value = frequency;}
    if (type){oscillator.type = type;}
    if (callback){oscillator.onended = callback;}

    oscillator.start(audioCtx.currentTime);
    oscillator.stop(audioCtx.currentTime + ((duration || 500) / 1000));
};
</code></pre>

<p>Someone suggested I edit this to note it only works on some browsers. However <a href="http://caniuse.com/#search=audiocontext" rel="noreferrer">Audiocontext seems to be supported</a> on all modern browsers, as far as I can tell. It isn't supported on IE, but that has been discontinued by Microsoft. If you have any issues with this on a specific browser please report it.</p>


blocks|key|1339930|text|这将使您能够多次播放声音，而不是排名靠前的答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1339931|var+playSound+=+(function+beep()+{
++++var+snd+=+new+Audio("data:audio/wav;base64,//uQRAAAAWMSLwUIYAAsYkXgoQwAEaYLWfkWgAI0wWs/ItAAAGDgYtAgAyN%2BQWaAAihwMWm4G8QQRDiMcCBcH3Cc%2BCDv/7xA4Tvh9Rz/y8QADBwMWgQAZG/ILNAARQ4GLTcDeIIIhxGOBAuD7hOfBB3/94gcJ3w%2Bo5/5eIAIAAAVwWgQAVQ2ORaIQwEMAJiDg95G4nQL7mQVWI6GwRcfsZAcsKkJvxgxEjzFUgfHoSQ9Qq7KNwqHwuB13MA4a1q/DmBrHgPcmjiGoh//EwC5nGPEmS4RcfkVKOhJf%2BWOgoxJclFz3kgn//dBA%2Bya1GhurNn8zb//9NNutNuhz31f////9vt///z%2BIdAEAAAK4LQIAKobHItEIYCGAExBwe8jcToF9zIKrEdDYIuP2MgOWFSE34wYiR5iqQPj0JIeoVdlG4VD4XA67mAcNa1fhzA1jwHuTRxDUQ//iYBczjHiTJcIuPyKlHQkv/LHQUYkuSi57yQT//uggfZNajQ3Vmz%2BZt//%2Bmm3Wm3Q576v////%2B32///5/EOgAAADVghQAAAAA//uQZAUAB1WI0PZugAAAAAoQwAAAEk3nRd2qAAAAACiDgAAAAAAABCqEEQRLCgwpBGMlJkIz8jKhGvj4k6jzRnqasNKIeoh5gI7BJaC1A1AoNBjJgbyApVS4IDlZgDU5WUAxEKDNmmALHzZp0Fkz1FMTmGFl1FMEyodIavcCAUHDWrKAIA4aa2oCgILEBupZgHvAhEBcZ6joQBxS76AgccrFlczBvKLC0QI2cBoCFvfTDAo7eoOQInqDPBtvrDEZBNYN5xwNwxQRfw8ZQ5wQVLvO8OYU%2BmHvFLlDh05Mdg7BT6YrRPpCBznMB2r//xKJjyyOh%2BcImr2/4doscwD6neZjuZR4AgAABYAAAABy1xcdQtxYBYYZdifkUDgzzXaXn98Z0oi9ILU5mBjFANmRwlVJ3/6jYDAmxaiDG3/6xjQQCCKkRb/6kg/wW%2BkSJ5//rLobkLSiKmqP/0ikJuDaSaSf/6JiLYLEYnW/%2BkXg1WRVJL/9EmQ1YZIsv/6Qzwy5qk7/%2BtEU0nkls3/zIUMPKNX/6yZLf%2BkFgAfgGyLFAUwY//uQZAUABcd5UiNPVXAAAApAAAAAE0VZQKw9ISAAACgAAAAAVQIygIElVrFkBS%2BJhi%2BEAuu%2BlKAkYUEIsmEAEoMeDmCETMvfSHTGkF5RWH7kz/ESHWPAq/kcCRhqBtMdokPdM7vil7RG98A2sc7zO6ZvTdM7pmOUAZTnJW%2BNXxqmd41dqJ6mLTXxrPpnV8avaIf5SvL7pndPvPpndJR9Kuu8fePvuiuhorgWjp7Mf/PRjxcFCPDkW31srioCExivv9lcwKEaHsf/7ow2Fl1T/9RkXgEhYElAoCLFtMArxwivDJJ%2BbR1HTKJdlEoTELCIqgEwVGSQ%2BhIm0NbK8WXcTEI0UPoa2NbG4y2K00JEWbZavJXkYaqo9CRHS55FcZTjKEk3NKoCYUnSQ0rWxrZbFKbKIhOKPZe1cJKzZSaQrIyULHDZmV5K4xySsDRKWOruanGtjLJXFEmwaIbDLX0hIPBUQPVFVkQkDoUNfSoDgQGKPekoxeGzA4DUvnn4bxzcZrtJyipKfPNy5w%2B9lnXwgqsiyHNeSVpemw4bWb9psYeq//uQZBoABQt4yMVxYAIAAAkQoAAAHvYpL5m6AAgAACXDAAAAD59jblTirQe9upFsmZbpMudy7Lz1X1DYsxOOSWpfPqNX2WqktK0DMvuGwlbNj44TleLPQ%2BGsfb%2BGOWOKJoIrWb3cIMeeON6lz2umTqMXV8Mj30yWPpjoSa9ujK8SyeJP5y5mOW1D6hvLepeveEAEDo0mgCRClOEgANv3B9a6fikgUSu/DmAMATrGx7nng5p5iimPNZsfQLYB2sDLIkzRKZOHGAaUyDcpFBSLG9MCQALgAIgQs2YunOszLSAyQYPVC2YdGGeHD2dTdJk1pAHGAWDjnkcLKFymS3RQZTInzySoBwMG0QueC3gMsCEYxUqlrcxK6k1LQQcsmyYeQPdC2YfuGPASCBkcVMQQqpVJshui1tkXQJQV0OXGAZMXSOEEBRirXbVRQW7ugq7IM7rPWSZyDlM3IuNEkxzCOJ0ny2ThNkyRai1b6ev//3dzNGzNb//4uAvHT5sURcZCFcuKLhOFs8mLAAEAt4UWAAIABAAAAAB4qbHo0tIjVkUU//uQZAwABfSFz3ZqQAAAAAngwAAAE1HjMp2qAAAAACZDgAAAD5UkTE1UgZEUExqYynN1qZvqIOREEFmBcJQkwdxiFtw0qEOkGYfRDifBui9MQg4QAHAqWtAWHoCxu1Yf4VfWLPIM2mHDFsbQEVGwyqQoQcwnfHeIkNt9YnkiaS1oizycqJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go%2B8xJ0UiCb8LHHdftWyLJE0QIAIsI%2BUbXu67dZMjmgDGCGl1H%2BvpF4NSDckSIkk7Vd%2BsxEhBQMRU8j/12UIRhzSaUdQ%2BrQU5kGeFxm%2Bhb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX%2BrUmOQNpJFa/r%2Bsa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj%2BNIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y%2BIDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS%2BXVLnSS%2BWLDroqArFkMEsAS%2BeWmrUzrO0oEmE40RlMZ5%2BODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j%2BLkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1%2BbWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL%2BZB9o1RCkQjQ2CBYZKd/%2BVJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg%2B0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR%2BLsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=");++
++++return+function()+{+++++
++++++++snd.play();+
++++}
})();

playSound();+//+Play+first+time
playSound();+//+Play+second+time|code-block|syntax|javascript|1339932|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This will enable you to play the sound multiple times, in contrast to the top-voted answer:</p>

<pre><code>var playSound = (function beep() {
    var snd = new Audio("data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=");  
    return function() {     
        snd.play(); 
    }
})();

playSound(); // Play first time
playSound(); // Play second time
</code></pre>


blocks|key|1340001|text|现在，使用JavaScript+AudioContext+API很容易做到这一点。It+fully+supported由主要的桌面和移动web浏览器...|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1340002|let+context+=+null;

const+beep+=+(freq+=+520,+duration+=+200,+vol+=+100)+=>+{
++++const+oscillator+=+context.createOscillator();
++++const+gain+=+context.createGain();
++++oscillator.connect(gain);
++++oscillator.frequency.value+=+freq;
++++oscillator.type+=+"square";
++++gain.connect(context.destination);
++++gain.gain.value+=+vol+*+0.01;
++++oscillator.start(context.currentTime);
++++oscillator.stop(context.currentTime+%2B+duration+*+0.001);
}

document.querySelector('button').addEventListener('click',+function+()+{
++++context+=+new+AudioContext();
++++beep();
});|code-block|syntax|javascript|1340003|我写了一个小应用程序，它播放马里奥游戏中的音乐，没有任何音频文件，只有运行时。在我看来，这很有趣，你可以看到和收听source+code。|1340004|​|1340005|📷|atomic|1340006|1340007|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/docs/Web/API/AudioContext|1|https://caniuse.com/#search=AudioContext|2|https://gist.github.com/tripolskypetr/a793967504aa6fcc0d3ebb30d1642dec|3|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/82cca5a3c650dd26f5880555792c0ac7.png|imageAlt^0|G|G|0|18|F|1|0|0|1L|B|2|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]|$A|1C|B|1D|1|1E]]|C|$]]|$1|D|3|E|5|F|7|1F|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1G|8|@]|9|@$A|1H|B|1I|1|1J]]|C|$]]|$1|K|3|L|5|6|7|1K|8|@]|9|@]|C|$]]|$1|M|3|N|5|O|7|1L|8|@]|9|@$A|1M|B|1N|1|1O]]|C|$]]|$1|P|3|L|5|6|7|1P|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]|10|$5|T|U|V|C|$W|11]]|12|$5|13|U|14|C|$15|16|17|-4]]]]

<p>Now it easy enough with JavaScript <a href="https://developer.mozilla.org/en/docs/Web/API/AudioContext" rel="noreferrer">AudioContext API</a>. It <a href="https://caniuse.com/#search=AudioContext" rel="noreferrer">fully supported</a> by major desktop and mobile web browsers...</p>

<pre><code>let context = null;

const beep = (freq = 520, duration = 200, vol = 100) =&gt; {
    const oscillator = context.createOscillator();
    const gain = context.createGain();
    oscillator.connect(gain);
    oscillator.frequency.value = freq;
    oscillator.type = "square";
    gain.connect(context.destination);
    gain.gain.value = vol * 0.01;
    oscillator.start(context.currentTime);
    oscillator.stop(context.currentTime + duration * 0.001);
}

document.querySelector('button').addEventListener('click', function () {
    context = new AudioContext();
    beep();
});
</code></pre>

<p>I wrote a small application that plays music from the Mario game without any audio file, just runtime. In my opinion it’s interesting, you can see the <a href="https://gist.github.com/tripolskypetr/a793967504aa6fcc0d3ebb30d1642dec" rel="noreferrer">source code</a> and listen it.</p>

<p><a href="https://i.stack.imgur.com/OI1Vd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OI1Vd.png" alt="enter image description here"></a></p>


blocks|key|1555661|text|<html>
<head>
++++<script+src='https://surikov.github.io/webaudiofont/npm/dist/WebAudioFontPlayer.js'></script>
++++<script+src='https://surikov.github.io/webaudiofontdata/sound/0000_JCLive_sf2_file.js'></script>
++++<script>
++++++++var+selectedPreset=_tone_0000_JCLive_sf2_file;
++++++++var+AudioContextFunc+=+window.AudioContext+%7C%7C+window.webkitAudioContext;
++++++++var+audioContext+=+new+AudioContextFunc();
++++++++var+player=new+WebAudioFontPlayer();
++++++++player.loader.decodeAfterLoading(audioContext,+'_tone_0000_JCLive_sf2_file');
++++</script>
</head>
<body>
++++<p><a+href="#"+onmousedown="player.queueWaveTable(audioContext,+audioContext.destination,+selectedPreset,+0,+55,+3.5);">Play+a+note</a></p>
++++<hr/>
++++<p><a+href="https://github.com/surikov/webaudiofont">source</a></p>
</body>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1555662|​|unstyled|1555663|听这里，https://jsbin.com/lamidog/1/edit?html,output|offset|length|1555664|entityMap|0|LINK|mutability|MUTABLE|url|https://jsbin.com/lamidog/1/edit?html,output^0|0|0|4|18|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|F|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;script src='https://surikov.github.io/webaudiofont/npm/dist/WebAudioFontPlayer.js'&gt;&lt;/script&gt;
    &lt;script src='https://surikov.github.io/webaudiofontdata/sound/0000_JCLive_sf2_file.js'&gt;&lt;/script&gt;
    &lt;script&gt;
        var selectedPreset=_tone_0000_JCLive_sf2_file;
        var AudioContextFunc = window.AudioContext || window.webkitAudioContext;
        var audioContext = new AudioContextFunc();
        var player=new WebAudioFontPlayer();
        player.loader.decodeAfterLoading(audioContext, '_tone_0000_JCLive_sf2_file');
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;p&gt;&lt;a href="#" onmousedown="player.queueWaveTable(audioContext, audioContext.destination, selectedPreset, 0, 55, 3.5);"&gt;Play a note&lt;/a&gt;&lt;/p&gt;
    &lt;hr/&gt;
    &lt;p&gt;&lt;a href="https://github.com/surikov/webaudiofont"&gt;source&lt;/a&gt;&lt;/p&gt;
&lt;/body&gt;
</code></pre>

<p></p>

<p>listen here
<a href="https://jsbin.com/lamidog/1/edit?html,output" rel="nofollow noreferrer">https://jsbin.com/lamidog/1/edit?html,output</a></p>


blocks|key|1340073|text|此代码支持多个蜂鸣音的排序，以及频率的渐变('ramp‘标志)。下面给出了两个示例。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1340074|<script>
var+audioContext+=+null;
var+oscillatorNode+=+null;
var+stopTime+=+0;

function+beep+(frequency,+durationSec,+ramp=false)
{
++++if+(oscillatorNode+==+null)+{
++++++++audioContext+=+new+(window.AudioContext+%7C%7C+window.webkitAudioContext)+();
++++++++stopTime+=+audioContext.currentTime;

++++++++oscillatorNode+=+audioContext.createOscillator();
++++++++oscillatorNode.type+=+"sine";
++++++++oscillatorNode.connect+(audioContext.destination);
++++++++if+(ramp)+{
++++++++++++oscillatorNode.frequency.setValueAtTime+(frequency,+stopTime);
++++++++}
++++++++oscillatorNode.start+();
++++++++oscillatorNode.onended+=+function()+{
++++++++++++oscillatorNode+=+null;
++++++++++++audioContext+=+null;
++++++++}
++++}

++++if+(ramp)+{
++++++++oscillatorNode.frequency.linearRampToValueAtTime+(frequency,+stopTime);+//+value+in+hertz
++++}+else+{
++++++++oscillatorNode.frequency.setValueAtTime+(frequency,+stopTime);++//+value+in+hertz
++++}

++++stopTime+%2B=+durationSec;
++++oscillatorNode.stop+(stopTime);
}
function+test1()
{
++++++++beep+(250,+0.5);
++++++++beep+(1000,+0.2);
++++++++beep+(550,+0.5);
}
++++
function+test2()
{
++++++++beep+(50,+2,+true);
++++++++beep+(5000,+2,+true);
++++++++beep+(50,+0,+true);
}
</script>
++++
<button+onclick='test1()'>Beep!</button>
<button+onclick='test2()'>Beep(ramped)!</button>|code-block|syntax|javascript|1340075|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This code supports sequencing of multiple beeps, as well as gradual change in frequency ('ramp' flag). Both examples are given below.</p>
<pre><code>&lt;script&gt;
var audioContext = null;
var oscillatorNode = null;
var stopTime = 0;

function beep (frequency, durationSec, ramp=false)
{
    if (oscillatorNode == null) {
        audioContext = new (window.AudioContext || window.webkitAudioContext) ();
        stopTime = audioContext.currentTime;

        oscillatorNode = audioContext.createOscillator();
        oscillatorNode.type = &quot;sine&quot;;
        oscillatorNode.connect (audioContext.destination);
        if (ramp) {
            oscillatorNode.frequency.setValueAtTime (frequency, stopTime);
        }
        oscillatorNode.start ();
        oscillatorNode.onended = function() {
            oscillatorNode = null;
            audioContext = null;
        }
    }

    if (ramp) {
        oscillatorNode.frequency.linearRampToValueAtTime (frequency, stopTime); // value in hertz
    } else {
        oscillatorNode.frequency.setValueAtTime (frequency, stopTime);  // value in hertz
    }

    stopTime += durationSec;
    oscillatorNode.stop (stopTime);
}
function test1()
{
        beep (250, 0.5);
        beep (1000, 0.2);
        beep (550, 0.5);
}
    
function test2()
{
        beep (50, 2, true);
        beep (5000, 2, true);
        beep (50, 0, true);
}
&lt;/script&gt;
    
&lt;button onclick='test1()'&gt;Beep!&lt;/button&gt;
&lt;button onclick='test2()'&gt;Beep(ramped)!&lt;/button&gt;
</code></pre>


<p>I want my web page to beep whenever a user exceeds the maximum character limit of my <code>&lt;textarea&gt;</code>.</p>


How do I make JavaScript beep?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

当用户超过我的<textarea>的最大字符限制时，我希望我的网页发出蜂鸣声。

问如何使JavaScript发出蜂鸣音？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使JavaScript发出蜂鸣音？EN