Question

151

Javascript play sound on hover. stop and reset on hoveroff

rated 0 times [ 157] [ 6] / answers: 1 / hits: 42840 / 12 Years ago, sun, february 17, 2013, 12:00:00

function EvalSound(soundobj) {

    var thissound=document.getElementById(soundobj);

    thissound.currentTime = 0;  

    thissound.Play();

}



function StopSound(soundobj) {

    var thissound=document.getElementById(soundobj);

    thissound.Stop();

}

This is my code to play a audio file,

onmouseover=EvalSound('sound1') onmouseout=StopSound('sound1')

It is currently working on hover, however when i go back to the image that it plays under it doesnt go back to the beginning, it continues playing

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yaquelina

Add To Favorites

Follow

Total Points: 517

Total Questions: 101

Total Answers: 96

Location: Egypt

Member since Tue, Jul 6, 2021

3 Years ago

yaquelina questions

1 Unable to access process variable in Vue3JS Vite project

Sun, Feb 13, 22, 00:00, 2 Years ago

1 How to return an array of unique objects based on the id of the object in es6?

Mon, Dec 27, 21, 00:00, 2 Years ago

1 How to run nodemon + forever in the background

Tue, Jun 2, 20, 00:00, 4 Years ago

1 How to remove warning in React native

Sun, Mar 8, 20, 00:00, 4 Years ago

1 Angular 9 - You must pass in a NgModule or NgModuleFactory to be bootstrapped

Fri, Feb 21, 20, 00:00, 4 Years ago

View All

answered 12 Years ago joannam · Accepted Answer

The <embed> tag is the old way to embed multimedia. You really ought to be using the new HTML5 <audio> or <video> tags as they are the preferred and standardized way to embed multimedia objects. You can use the HTMLMediaElement interface to play, pause, and seek through the media (and lots more).

Here is a simple example that plays an audio file on mouseover and stops it on mouseout.

HTML:

<p onmouseover=PlaySound('mySound') 

    onmouseout=StopSound('mySound')>Hover Over Me To Play</p>



<audio id='mySound' src='http://upload.wikimedia.org/wikipedia/commons/6/6f/Cello_Live_Performance_John_Michel_Tchaikovsky_Violin_Concerto_3rd_MVT_applaused_cut.ogg'/>

Javascript:

function PlaySound(soundobj) {

    var thissound=document.getElementById(soundobj);

    thissound.play();

}



function StopSound(soundobj) {

    var thissound=document.getElementById(soundobj);

    thissound.pause();

    thissound.currentTime = 0;

}

For more information, check out the MDN guide for embedding audio and video