Md Media Player

HTML5 media player for Angular Material
Alternatives To Md Media Player
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Components23,52620,2424,1173 hours ago313September 14, 20221,893mitTypeScript
Component infrastructure and Material Design components for Angular
Onsenui8,695352235 months ago133July 25, 202230JavaScript
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Ionic Material2,952
6 years ago2February 10, 2016131otherCSS
Material Design style and animations for Ionic
Angular Ngrx Material Starter2,653
a year ago40mitTypeScript
Angular, NgRx, Angular CLI & Angular Material Starter Project
Ngx Formly2,5317811110 days ago273August 28, 2022104mitTypeScript
📝 JSON powered / Dynamic forms for Angular
Covalent2,25836431a day ago112September 21, 202289mitTypeScript
Teradata UI Platform built on Angular Material
Laravel5 Angular Material Starter1,706
5 years ago54December 03, 20172mitPHP
Get started with Laravel 5.3 and AngularJS (material)
Angular Filemanager1,700
a year ago6July 06, 201698mitJavaScript
JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)
Jsonforms1,5332146a day ago99June 16, 2022131otherTypeScript
Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
Generator Ngx Rocket1,473217 months ago52December 15, 202137mitTypeScript
:rocket: Extensible Angular 14+ enterprise-grade project generator
Alternatives To Md Media Player
Select To Compare

Alternative Project Comparisons

Material Design Media Player

This module provides a HTML5 audio API written in AngularJS for use with Angular Material.



This package is installable through the Bower package manager.

bower install md-media-player --save


<md-media-player collection-id="936832274" src="media/${album-title}/${track-title}.m4a"></md-media-player>

API Documentation

iTunes Queries

Album information may be queried from iTunes.

Attribute Type Description
collection-id String A collection ID for an album from the iTunes Store.

Resource URIs

Attribute Type Description
src String A URI for hosted audio files. The URI can accept album variables.

URI Variables

Variable Description
${album-artist} The album artist.
${album-title} The title of the album.
${track-title} The title of the current track.



  • node
  • grunt-cli

This repository contains a demo application for developing features. As you make changes the application will live reload itself.

Running the App Locally

Clone this repository to your local machine.

git clone
cd md-media-player

Create a new branch for the issue you are working on.

git checkout -b my-issue

Install the package dependencies.

npm install
bower install

Run the application and visit in the browser.


Make your modifications and update the build.

grunt build

Create a pull request!

Popular Material Projects
Popular Angular Projects
Popular User Interface Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Angular Material