您可以使用Ionic-audio
來實現此目的。它在內部使用Cordova Media Plugin
。
Working Plunker。
app.js
//Add it as dependency
angular.module('starter', ['ionic', 'starter.controllers', 'ionic-audio'])
controllers.js
angular.module('starter.controllers', [])
.controller('MusicCtrl', function($scope) {
$scope.track = {
url: 'https://www.example.com/my_song.mp3',
artist: 'Somebody',
title: 'Song name',
art: 'img/album_art.jpg'
}
});
yourtemplate.html
<ion-view view-title="Music">
<ion-content>
<ion-audio-track track="track">
<div class="list list-inset">
<div class="item item-thumbnail-left">
<img src="{{track.art}}">
<h2>{{track.title}}</h2>
<p>{{track.artist}}</p>
<ion-audio-controls>
<a class="button button-icon icon" ion-audio-play></a>
<ion-spinner icon="ios"></ion-spinner>
</ion-audio-controls>
</div>
<div class="item">
<ion-audio-progress-bar display-time></ion-audio-progress-bar>
</div>
</div>
</ion-audio-track>
</ion-content>
</ion-view>
嘗試看看[這裏](HTTPS: // githu b.com/arielfaur/ionic-audio)。 –