JS Sound: Play sounds when events happen on page elements

Recommend this page to a friend!
  Info   View files Example   View files View files (12)   DownloadInstall with Composer Download .zip   Reputation   Support forum (1)   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 139 All time: 357 This week: 14Up
Version License JavaScript version Categories
jssound 1.0GNU General Publi...5Audio, Events
Description Author

This object can play sounds when events happen on page elements.

It can listen to events on given page elements and play given sounds when those events happen.

The object can match elements to listen to the given events by class or id selectors.

It can play sounds of multiple alternative formats depending on what each browser supports.

Innovation Award
JavaScript Programming Innovation award winner
April 2017
Winner
Many sites need to call to the attention of the users when certain events occur. Playing sounds is one of the ways to achieve that.

This object can play sounds as result of events that may occur due to user interactions.

Manuel Lemos
Picture of Dave Norminton
  Performance   Level  
Name: Dave Norminton <contact>
Classes: 3 packages by
Country: United Kingdom
Age: ???
All time rank: 1236 in United Kingdom
Week rank: 6 Up1 in United Kingdom Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Details

<h1>JsSound</h1> <p> JsSound makes it very simple to attach sound events to elements. JsSound can be used on either class or id selectors, can take either a file name as a string or to accomodate different browsers can accept an array of different files. </p> <p> JsSound will detect the capabilities of the browser and as long as the correct format is supplied will use that format. <p> <code> npm run-script build </code>

  Files folder image Files  
File Role Description
Files folder imagedist (3 files)
Files folder imagesrc (2 files)
Accessible without login Plain text file index.html Example Example
Accessible without login Plain text file package-lock.json Data Auxiliary data
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file README.md Doc. Documentation
Accessible without login Plain text file style.css Data Auxiliary data
Accessible without login Plain text file tsconfig.json Data Auxiliary data
Plain text file webpack.config.js Class Class source

  Files folder image Files  /  dist  
File Role Description
  Plain text file bundle.js Class Class source
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file style.css Data Auxiliary data

  Files folder image Files  /  src  
File Role Description
  Accessible without login Plain text file index.pug Data Auxiliary data
  Plain text file index.ts Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:139
This week:0
All time:357
This week:14Up