# Audio in Javascript and HTML

**URL:** <https://discourse.threejs.org/t/audio-in-javascript-and-html/6993>\
**Category:** Questions\
**Tags:** audio\
**Created:** [April 9, 2019, 3:05pm UTC](https://discourse.threejs.org/t/audio-in-javascript-and-html/6993 "2019-04-09T15:05:56Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![SenanC12](https://avatars.discourse-cdn.com/v4/letter/s/7cd45c/32.png) [@SenanC12](https://discourse.threejs.org/u/SenanC12)\
**Post date:** [April 9, 2019, 3:05pm UTC](https://discourse.threejs.org/t/audio-in-javascript-and-html/6993/1 "2019-04-09T15:05:57Z")

</div>

Does anyone know how to add audio in both Javascript and HTML?

---

<div class="post-metadata">

**Author:** ![SenanC12](https://avatars.discourse-cdn.com/v4/letter/s/7cd45c/32.png) [@SenanC12](https://discourse.threejs.org/u/SenanC12)\
**Post date:** [April 9, 2019, 3:10pm UTC](https://discourse.threejs.org/t/audio-in-javascript-and-html/6993/3 "2019-04-09T15:10:43Z")

</div>

![16](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/3/3b4e93f0c78555f37f28f6fdd2a7e457e4fb3676.png) ![07](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/0/087346f3c7bdc46e118a47837b39fbd40a953877.png)

I tried adding sound for a HTML image using both HTML and Javascript but it doesn’t work. Can anyone suggest how I can add sound onto it.

---

<div class="post-metadata">

**Author:** ![yombo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yombo/32/3325_2.png) [@yombo](https://discourse.threejs.org/u/yombo)\
**Post date:** [April 9, 2019, 3:12pm UTC](https://discourse.threejs.org/t/audio-in-javascript-and-html/6993/4 "2019-04-09T15:12:52Z")

</div>

The `webaudio_*` examples are a good start to learn.

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [April 9, 2019, 7:58pm UTC](https://discourse.threejs.org/t/audio-in-javascript-and-html/6993/6 "2019-04-09T19:58:57Z")

</div>

[https://threejs.org/examples/?q=webaudio](https://threejs.org/examples/?q=webaudio)

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [April 10, 2019, 3:55pm UTC](https://discourse.threejs.org/t/audio-in-javascript-and-html/6993/7 "2019-04-10T15:55:42Z")

</div>

Look there.

> [@\[Solved\] Example of audio recording?](https://discourse.threejs.org/t/solved-example-of-audio-recording/3386):
>
> A friend (He’s a musician musical_score and he can program a little.) who saw my three.js examples asked me if I could also include a music recording with the microphone. Since I’m not musical, I never looked afterwards. I looked and found this: [Web Audio API - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)[javascript - HTML5 record audio to file - Stack Overflow](https://stackoverflow.com/questions/16413063/html5-record-audio-to-file)[three.js docs](https://threejs.org/docs/) (and enter audio in the filter) [https://threejs.org/examples/#webaudio\_visualizer](https://threejs.org/examples/#webaudio_visualizer) Not to mention the musical cow: [JSFiddle](https://jsfiddle.net/prisoner849/z7bn61jg/show) But I don’t see an …

to find there [Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315)

try there [Audio Recorder](http://threejs.hofk.de/audioBasic/index.html)

---

<div class="post-metadata">

**Author:** ![nihlists](https://avatars.discourse-cdn.com/v4/letter/n/90db22/32.png) [@nihlists](https://discourse.threejs.org/u/nihlists)\
**Post date:** [April 10, 2019, 4:26pm UTC](https://discourse.threejs.org/t/audio-in-javascript-and-html/6993/8 "2019-04-10T16:26:03Z")

</div>

Why dont use [https://howlerjs.com/](https://howlerjs.com/)  
In my project I have Howler for simple sounds (music, ambinet, effects) and threeJs do positional Audio and other sound 3D stuff. 🙂

Example:  
[https://artstrona.pl/prod/?level=7](https://artstrona.pl/prod/?level=7)

Positional Audio is water sound & church bell (hear when you approaching )
