Dzwebs.Net

撰写电脑技术杂文十余年

网页提示音的制作方法

Admin | 2017-1-19 15:26:03 | 被阅次数 | 6676

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  如何让网页播放声音或播放提示音?

  比如,当聊天室收到新内容的时候,如何发出提示音呢?

  使用audio标签即可。我们使用jquery配合audio来实现。

  ①加载audio标签

  $(document).ready(function()
  {
    $('<audio id="chatAudio"><source src="Music/notify.ogg" type="audio/ogg"><source src="Music/notify.mp3" type="audio/mpeg"><source src="Music/notify.wav" type="audio/wav"></audio>').appendTo('body');
  });

  页面加载完成,把audio标签加载到body里面。

  ②如何播放提示音

  制作一个函数,触发事件,然后就播放提示音。比如,收到消息后就播放提示声音。

  function onMessage(evt)
   {

    $('#chatAudio')[0].play();

   }

  函数代码很简单,就一行而已。$('#chatAudio')[0].play();


该杂文来自: 网页制作杂文

上一篇:json之parse() stringify() eval()

下一篇:火狐浏览器无法响应回车键

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计