2017-09-03 4 views
2

私はionic3でラジオ局のモバイルアプリを開発しています。ストリーミングメディアを使用してライブストリーミングを統合した後、ionic3でplugingするのはラジオ局のメインストリームよりも1分遅い助けて ?イオン3オーディオライブストリーミングは、ライブラジオ局ストリーミングよりも遅い

Radio.ts

export class RadioPlayer { 
    url:string; 
    stream:any; 
    promise:any; 
    constructor() { 
    this.url = "http://104.247.79.188:8000/kfm"; 
    this.stream = new Audio(this.url); 
}; 
play() { 
    this.stream.play(); 
    this.promise = new Promise((resolve,reject) => { 
    this.stream.addEventListener('playing',() => { 
     resolve(true); 
    }); 
    this.stream.addEventListener('error',() => { 
     reject(false); 
    }); 
    }); 
    return this.promise; 
}; 
pause() { 
    this.stream.pause(); 
}; 

} 

appComponent.ts

import { Component, ViewChild } from '@angular/core'; 
import { Platform, MenuController, Nav } from 'ionic-angular'; 
import {RadioPlayer} from './radio/radio'; 
    @Component({ 
    templateUrl: 'app.html', 
    providers: [RadioPlayer] 
}) 
export class MyApp { 
    constructor(player: RadioPlayer) 
{ 
    this.player = player; 
    this.play(); 
} 
play() { 
    this.player.play().then(() => { 
     console.log('Playing'); 
    }); 
    } 
    pause() { 
    this.player.pause(); 
    } 
} 
+0

あなたは 'code'の一部を表示することができますか? – Sampath

+0

radio.tsエクスポートクラスRadioPlayer { url:string; ストリーム:任意。 約束:任意; コンストラクタ(){ this.url = "/ * 9"; this.stream = new Audio(this.url); }; play(){ this.stream.play(); this.promise =新しいプロミス((解決、リジェクト)=> { this.stream.addEventListener( '再生'、()=> { 解決(TRUE); }); this.stream.addEventListener( 'エラー'、()=> { 拒否(偽); }); }); これを返す。プロミス。 }; pause(){ this.stream.pause(); }; } –

+0

あなたはそれを読むことができますか? 'code'フォーマットで質問の中に入れてください。 – Sampath

答えて

0

私はあなたの遅さが消えることを願っていますネイティブであるNative Streaming Media plugin.Sinceを使用することをお勧めしたいと思います。

このプラグインを使用すると、iOSとAndroidのフルネームの ネイティブプレーヤーでオーディオとビデオをストリーミングできます。

ionic cordova plugin add cordova-plugin-streaming-media 
npm install --save @ionic-native/streaming-media 

Git Repo

+0

これは今すぐ使用できますか? – Sampath

+0

が機能しません。サンプルコード –

+0

で私を助けてください。http://ionicframework.com/docs/native/streaming-media/ – Sampath

関連する問題