Giter Site home page Giter Site logo

alexlaforge / javascript-apis-powered-audio-player Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sitepoint-editors/javascript-apis-powered-audio-player

0.0 2.0 0.0 104 KB

A demo project to show how to create a simple JavaScript APIs-powered audio player that employs a few JavaScript APIs to improve the experience for people using a mobile device.

CSS 6.75% HTML 25.18% JavaScript 68.07%

javascript-apis-powered-audio-player's Introduction

JavaScript APIs-powered Audio Player

This repository contains the demo I've developed as a part of an article written for SitePoint. The project shows how to create a simple JavaScript APIs-powered audio player that employs a few JavaScript APIs to improve the experience for people using a mobile device. In particular, the demo uses:

  • The Ambient Light API to change the theme of the web page based on the environment light level
  • The Proximity API to play/pause the audio based on the proximity of an object
  • The Battery Status API to detect the battery level and automatically pause the audio when the battery is running critical
  • The Web Notifications API to notify the user when the battery is running low and that the audio was paused because the battery level was critical
  • The Vibration API to provide a tactile feedback that reinforces the notification messages described above

Demo

A live demo is available here.

License

This demo is licensed under the CC BY-NC 4.0 ("Creative Commons Attribution NonCommercial 4.0").

Author

Aurelio De Rosa (Twitter: @AurelioDeRosa)

javascript-apis-powered-audio-player's People

Contributors

aurelioderosa avatar

Watchers

James Cloos avatar Alex Laforge avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.