时间戳

首页 > 解决方案 > 悬停时播放的隐藏音频

javascript - 悬停时播放的隐藏音频

问题描述

我需要创建一些隐藏的音频播放器，当您在网站页面中将鼠标移到它们上时开始播放。但是你不能看到音频播放器或 div，也许没有显示。

（可选问题，重要的是第一个！当我打开页面时，它应该启动一个声音，该声音会在鼠标悬停时被其他声音打断。是否可以让第一个声音从它停止时继续？？）

标签： javascriptjqueryhtml

解决方案

使用opacity: 0带有 onmouseover 功能的 div。记得给 div 添加高度和宽度，这样 onmouseover 事件只会影响某个区域。

<div style="opacity: 0;" id = "player" onmouseover = "play()" ></div>

Javascript：

var audio = new Audio("filename");
function play(){
   audio.play();
}
//for pausing
//to play from where it left off, use the play method again
function pause(){
audio.pause();
}

推荐阅读