📜  如何在网站上播放通知声音?

📅  最后修改于: 2021-11-25 03:54:05             🧑  作者: Mango

有多种方法可以在网站上播放通知声音。在本文中,我们将以三种不同的方式播放通知声音:

  • 在 JavaScript 中使用 Onclick 事件
  • 在 Javascript 中使用 Audio 类
  • 使用纯 Jquery:

下面用 exxampl 代码详细解释了所有过程:

  • 在 Javascript 中使用 Onclick 事件:当用户单击按钮时, onclick 事件会触发该函数。在以下代码中, play1函数与 onclick 事件相关联。函数play1接收音频文件的名称,然后我们选择id=sound 的部门并插入包含音频标签的 HTML。

    例子:

    
    
        
            Notification Sound
            
            
        
        
            

    GeeksforGeeks

            Notification Sound         
                                             
        
  • 在 JavaScript 中使用 Audio 类:此方法纯粹使用 JavaScript,其中创建了 Audio 对象和内置的audio.play() 方法
    
    
        
            Notification Sound
            
            
        
        
            

    GeeksforGeeks

            Notification Sound         
                                     
  • 使用纯Jquery:在这个过程中,我们选择播放ID并绑定点击事件。在函数,我们创建一个新的音频文件,然后播放它。
    
    
        
            Notification Sound
            
            
        
        
            
      
            

    GeeksforGeeks

            Notification Sound         
                 
  • 输出:对于您使用的任何程序,它的工作原理都是一样的。