Audio-player für Ionische
Lerne ich Ionischen und einbetten möchten ein audio-player. Ich habe festgestellt, dass dies Plnkr Beispiel Video-Player:
angular.module('app',[])
.directive('youtubeIframe', ['$timeout', function ($timeout, $sce ) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
$timeout( function () {
var temp1 = '<iframe width="400px" height="200px" src="http://www.youtube.com/embed/';
var temp2 = '?&autoplay=0&autohide=1&fs=1&cc_load_policy=1&loop=0&rel=0&modestbranding=1&&hd=1&playsinline=0&showinfo=0&theme=light" frameborder="1" allowfullscreen></iframe>';
var finalvar = temp1 + attrs.youtubeIframe + temp2 ;
console.log('Finalvar is: ' + finalvar); //just to check if url is ok
element.prepend( finalvar );
}, 150);
//The timeout is to give enough time for the Dom to be built and checked for its structure, so that we can manipulate it.
}
};
}])
.controller('VideoCtrl', function($scope) {
$scope.angularvideos = [
{
name: 'Angular on the go: Using Angular to power Mobile Apps',
youtubeId: 'xOAG7Ab_Oz0',
publishdate: 'Dec 2013'
},
{
name: 'Crafting the Perfect AngularJS Model and Making it Real Time',
youtubeId: 'lHbWRFpbma4',
publishdate: 'April 2014'
},
{
name: 'AngularJS & D3: Directives for Visualizations',
youtubeId: 'aqHBLS_6gF8',
publishdate: 'Jan 2014'
},
{
name: 'The Thick Front End',
youtubeId: 'hv2NEW0uC1o',
publishdate: 'Nov 2013'
}
];
})
Gibt es ein ähnliches Beispiel für ein audio-player in iframe für mobile App (Android, für die Zeit, aber später auf iOS-als auch)?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich veröffentlicht ein Ionic-Modul, das audio wiedergibt, nativ (getestet auf Android so weit) unter Verwendung der Cordova-Media-plugin.
Definieren Sie eine Ionische anzeigen:
Und Ihrem Umfang:
Sieht wie folgt aus:
Finden Sie es hier: https://github.com/arielfaur/ionic-audio
volume
,next/prev track
Optionen.Denke ich Recht, was ist dort vorhanden - links:
Dev-freundlich und stabil-Modul für audio, html5-video, youtube(iframe) etc..
Hier ist Beispiel die Erstellung von Audio-Player.
Hier ist codepen