个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在尝试使用jquery为所有导航按钮创建随机音频效果，基本上是将鼠标悬停在唯一的导航div上，并播放数组中的随机音频mp3文件
<!DOCTYPE html>
<html>
<head>
<title>AAARGH CARIBBEAN PIRATES</title>
<meta charset = "utf8">
<link rel = "stylesheet" href = "main.css">
<script src = "jq/jquery-1.10.2.js"></script>
</head>
<body>
<div class = "wrapper">
<div class = "navmain">
<div class = "navbox">
<p class = "navi"><a href = "arms.html">arms</a></p>
</div>
<div class = "navbox">
<p class = "navi"><a href = "map.html">map</a></p>
</div>
<div class = "navbox">
<p class = "navi"><a href = "ship.html">ship</a></p>
</div>
<div class = "navbox">
<p class = "navi"><a href = "facts.html">facts</a></p>
</div>
<div class = "navbox">
<p class = "navi"><a href = "speech.html">speech</a></p>
</div>
</div>
<div id = "home">
<div id = "innerhome">
<p class = "basic">
AAARGH mateys, the caribbean was a ..
</p>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.navbox').onmouseover(playSound());
});
function playSound(){
var audio[];
audio[0] = new Audio("assetts/audio/bird.mp3");
audio[1] = new Audio("assetts/audio/cannon.mp3");
audio[2] = new Audio("assetts/audio/fire.mp3");
audio[3] = new Audio("assetts/audio/monkey.mp3");
audio[4] = new Audio("assetts/audio/crows.mp3");
audio[5] = new Audio("assetts/audio/cannon2.mp3");
var x = Math.floor((Math.random()*1000) % 6);
audio[x].play();
}
</script>
</body>
最佳答案
给定的代码存在多个问题。
HTML
首先是一个建议。您应该将导航标记重建为更常见，更现代且更易访问的内容，例如:
<nav>
<ul class="navmain">
<li class="navbox"><a href="arms.html">arms</a></li>
<li class="navbox"><a href="map.html">map</a></li>
<li class="navbox"><a href="map.html">map</a></li>
<li class="navbox"><a href="ship.html">ship</a></li>
<li class="navbox"><a href="facts.html">facts</a></li>
<li class="navbox"><a href="speech.html">speech</a></li>
</ul>
</nav>
var current = null;
var audio = [
new Audio("assetts/audio/bird.mp3"),
new Audio("assetts/audio/cannon.mp3"),
new Audio("assetts/audio/fire.mp3"),
new Audio("assetts/audio/monkey.mp3"),
new Audio("assetts/audio/crows.mp3"),
new Audio("assetts/audio/cannon2.mp3")
];
function playSound() {
if (null !== current) {
audio[current].pause();
}
current = Math.floor((Math.random() * 1000) % 6);
audio[current].play();
}
$(document).ready(function() {
$('.navbox').mouseover(playSound);
});
var audio[];将不起作用，例如
string audio[6];有效的C++。但是，您可以像在初始化时那样插入所有元素，也可以创建一个空数组，如下所示:
var audio = [];
.onmouseover，而是
.mouseover() 。您可以不带花括号地传入函数名称，例如:
$('.navbox').mouseover(playSound);
$('.navbox').mouseover(function() { playSound(); } );
audio -array设置为全局，这样您就不会在用户每次悬停其中一项时都重新创建它以及所有六个音频元素，并将当前正在播放的一项存储在变量中，以便您可以在停止之前停止它发出新的声音。
关于jquery - 随机音频onmouseover jQuery不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19048715/
27
4
0
我一直在为实时流和静态文件(HTTP 上的 MP3)构建网络广播播放器。我选了Howler.js作为规范化 quirks 的后端的 HTML5 Audio (思考:自动播放、淡入/淡出、进度事件)。
vue移动端input上传视频、音频，供大家参考，具体内容如下 html部分 ?
关闭。这个问题需要更多 focused .它目前不接受答案。 想改进这个问题？更新问题，使其仅关注一个问题 editing this post . 7年前关闭。 Improve this questi
我想在我的程序中访问音频和视频。 MAC里面可以吗？ 我们的程序在 Windows 上运行，我使用 directshow 进行音频/视频编程。但我想在 MAC 中开发相同的东西。 有没有像direct
我的应用程序(使用 Flutter 制作，但这应该无关紧要)具有类似于计时器的功能，可以定期(10 秒到 3 分钟)发出滴答声。我在我的 Info.plist 中激活了背景模式 Audio、AirPl
我是 ionic 2 的初学者 我使用了音频文件。 import { Component } from '@angular/core'; import {NavController, Alert
我有一个包含ListView和图片的数据库，我想在每个语音数据中包含它们。我已经尝试过，但是有很多错误。以下是我的java和xml。 数据库.java package com.example.data
我在zend framework 2上建立了一个音乐社交网络。您可以想象它与SoundCloud相同，用户上传歌曲，其他用户播放它们，这些是网站上的基本操作。 我知道将要托管该页面的服务器将需要大量带
我正在尝试在android应用中播放音频，但是在代码中AssetFileDescriptor asset1及其下一行存在错误。这是代码: MediaPlayer mp; @Override prote
我对 WordPress Audio Shortcode有问题。我这样使用它: 但是在前面，在HTML代码中我得到了: document.createElement('audio');
我正在做一项关于降低噪音的滤波技术的实验。我在数据集中的样本是音频文件(.wav)，因此，我有:原始录制的音频文件，我将它们与噪声混合，因此变得混合(噪声信号)，我将这些噪声信号通过滤波算法传递，输出
一个人会使用哪种类型的神经网络架构将声音映射到其他声音？神经网络擅长学习从序列到其他序列，因此声音增强/生成似乎是它们的一种非常流行的应用(但不幸的是，事实并非如此-我只能找到一个(相当古老的)洋红色
这个让我抓狂: 在专用于此声音播放/录制应用程序的 Vista+ 计算机上，我需要我的应用程序确保(默认)麦克风电平被推到最大。我该怎么做？ 我找到了 Core Audio lib ，找到了如何将 I
{ "manifest_version": 2, "name": "Kitten Radio Extension", "description": "Listen while browsi
class Main { WaveFileReader reader; short[] sample; Complex[] tmpComplexArray; publi
我正在使用电话录音软件(android)，该软件可以记录2个人在电话中的通话。每个电话的输出是一个音频文件，其中包含来自 call 者和被 call 者的声音。 但是，大多数情况下，运行此软件的电话发
我正在构建一个需要语音激活命令的Web应用程序。我正在使用getUserMedia作为音频输入。 对于语音激活命令，该过程是用户将需要通过记录其语音来“校准”命令。例如，对于“停止”命令，用户将说出“
我正在开发一个Cordova应用程序，并将PouchDB用作数据库，当连接可用时，它将所有信息复制到CouchDB。 我成功存储了简单的文本和图像。 我一直在尝试存储视频和音频，但是没有运气。 我存储
我正在开发web application，我必须在其中使用.MP3的地方使用播放声音，但是会发生问题。 声音为play good in chrome, Firefox，但为safari its not
如何减少音频文件的位深？是否忽略了MSB或LSB？两者混合吗？ (旁问:这叫什么？) 最佳答案 TL / DR:将音频曲线高度变量右移至较低位深度 可以将音频视为幅度(Y轴)随时间(X轴)的模拟曲线。
我是一名优秀的程序员,十分优秀！