Material Design Media Player

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

Demo

Installation

This package is installable through the Bower package manager.

bower install md-media-player --save

Usage

<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.

Contributing

Requires

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 https://github.com/daniel-nagy/md-media-player.git
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 127.0.0.1:8000 in the browser.

grunt

Make your modifications and update the build.

grunt build

Create a pull request!

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Components	23,526	20,242	4,117	3 hours ago	313	September 14, 2022	1,893	mit	TypeScript
Component infrastructure and Material Design components for Angular
Onsenui	8,695	352	23	5 months ago	133	July 25, 2022	30		JavaScript
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 Material	2,952			6 years ago	2	February 10, 2016	131	other	CSS
Material Design style and animations for Ionic
Angular Ngrx Material Starter	2,653			a year ago			40	mit	TypeScript
Angular, NgRx, Angular CLI & Angular Material Starter Project
Ngx Formly	2,531	78	111	10 days ago	273	August 28, 2022	104	mit	TypeScript
📝 JSON powered / Dynamic forms for Angular
Covalent	2,258	364	31	a day ago	112	September 21, 2022	89	mit	TypeScript
Teradata UI Platform built on Angular Material
Laravel5 Angular Material Starter	1,706			5 years ago	54	December 03, 2017	2	mit	PHP
Get started with Laravel 5.3 and AngularJS (material)
Angular Filemanager	1,700			a year ago	6	July 06, 2016	98	mit	JavaScript
JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)
Jsonforms	1,533	21	46	a day ago	99	June 16, 2022	131	other	TypeScript
Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
Generator Ngx Rocket	1,473	2	1	7 months ago	52	December 15, 2021	37	mit	TypeScript
:rocket: Extensible Angular 14+ enterprise-grade project generator

Md Media Player