SlideShare a Scribd company logo
Playing music and sound effects in a windows 8 metro style app using html5 and javascript
Playing music and sound effects in a windows 8 metro style app using html5 and javascript
Step 1:       W3C Standard
http://www.w3.org/TR/html5/the-audio-element.html#audio

Step 2: Audio Tag Declaration
Add and reference music files then declare Audio tags

Step 3 : Playing and Pausing Music
Change tracks between Main Menu and Game Screen music
Step 1:       SoundJS
Reference SoundJS, a free JavaScript Library http://soundjs.com

Step 2: Array of Sounds
Create Array of all sounds we will use. Lasers[] and SoundJS.addBatch()

Step 3 : Playing Sounds
Play sounds for ship weapons and ships being blown up
Playing music and sound effects in a windows 8 metro style app using html5 and javascript
Playing music and sound effects in a windows 8 metro style app using html5 and javascript

More Related Content

DOC
Muscial equipment
PDF
Guitar Hero, Wikipedia, VK, Perl, Like it!
PPTX
second life
PPT
Audio on the web
PPTX
Adobe Audition Interface
PPTX
FCP #3 Importing Media
PPTX
Noc os v.4.0
PDF
Gamelog
Muscial equipment
Guitar Hero, Wikipedia, VK, Perl, Like it!
second life
Audio on the web
Adobe Audition Interface
FCP #3 Importing Media
Noc os v.4.0
Gamelog

What's hot (9)

DOCX
PPS
Msdos
DOCX
Borderlands 2-save-location
PDF
Useful Tools for Making Video Games - fmod (2008)
DOCX
Evaluation
PPTX
Playing Video with ExoPlayer : Android Bangkok 2018
PDF
Virtual dj 7 user guide
RTF
Gamelog
ODP
Basic C L I
Msdos
Borderlands 2-save-location
Useful Tools for Making Video Games - fmod (2008)
Evaluation
Playing Video with ExoPlayer : Android Bangkok 2018
Virtual dj 7 user guide
Gamelog
Basic C L I
Ad

Viewers also liked (8)

PPTX
Building Windows 8 Metro Style casual games using HTML5 and JavaScript
PPTX
More Than An App
PPTX
Building Apps for the new Windows Store
PPTX
A Developer Lap Around Windows Phone 8
PPTX
Designing for Windows Phone 8
PPTX
Living the Dream: Make the Video Game You’ve Always Wanted and Get Paid For It!
PPTX
Azure Mobile Services for iOS
PPTX
Windows Phone App Development
Building Windows 8 Metro Style casual games using HTML5 and JavaScript
More Than An App
Building Apps for the new Windows Store
A Developer Lap Around Windows Phone 8
Designing for Windows Phone 8
Living the Dream: Make the Video Game You’ve Always Wanted and Get Paid For It!
Azure Mobile Services for iOS
Windows Phone App Development
Ad

More from David Isbitski (9)

PDF
Screencast dave dev-introtoask-andecho-july2015
PPTX
Lap Around Azure Build Updates
PPTX
Hosting a WordPress Blog on Azure Websites
PPTX
Windows Phone 8 Sensors
PPTX
Windows Azure Mobile Services
PPTX
Windows Store Apps with HTML and JavaScript
PPTX
Designing a Windows Store App
PPTX
HTML5 Graphics - Canvas and SVG
PPTX
HTML5 Gaming
Screencast dave dev-introtoask-andecho-july2015
Lap Around Azure Build Updates
Hosting a WordPress Blog on Azure Websites
Windows Phone 8 Sensors
Windows Azure Mobile Services
Windows Store Apps with HTML and JavaScript
Designing a Windows Store App
HTML5 Graphics - Canvas and SVG
HTML5 Gaming

Recently uploaded (20)

PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Machine Learning_overview_presentation.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
sap open course for s4hana steps from ECC to s4
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Spectroscopy.pptx food analysis technology
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
A Presentation on Artificial Intelligence
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Electronic commerce courselecture one. Pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Empathic Computing: Creating Shared Understanding
Machine Learning_overview_presentation.pptx
Chapter 3 Spatial Domain Image Processing.pdf
MIND Revenue Release Quarter 2 2025 Press Release
Encapsulation_ Review paper, used for researhc scholars
sap open course for s4hana steps from ECC to s4
NewMind AI Weekly Chronicles - August'25-Week II
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
“AI and Expert System Decision Support & Business Intelligence Systems”
MYSQL Presentation for SQL database connectivity
Spectroscopy.pptx food analysis technology
A comparative analysis of optical character recognition models for extracting...
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
A Presentation on Artificial Intelligence
Network Security Unit 5.pdf for BCA BBA.
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Electronic commerce courselecture one. Pdf

Playing music and sound effects in a windows 8 metro style app using html5 and javascript

  • 3. Step 1: W3C Standard http://www.w3.org/TR/html5/the-audio-element.html#audio Step 2: Audio Tag Declaration Add and reference music files then declare Audio tags Step 3 : Playing and Pausing Music Change tracks between Main Menu and Game Screen music
  • 4. Step 1: SoundJS Reference SoundJS, a free JavaScript Library http://soundjs.com Step 2: Array of Sounds Create Array of all sounds we will use. Lasers[] and SoundJS.addBatch() Step 3 : Playing Sounds Play sounds for ship weapons and ships being blown up