ストップアクション後、バックグラウンドでのラジオストリームの読み込みを停止します

マルコ・サヴィッチ

私は、に取り組んでいるインターネットラジオストリームアプリケーションionic-native-mediaし、ionic-native-music-controls プラグイン

問題は、stopボタンを押すとオーディオの再生が停止するのに、Chrome開発者ツール内のネットワークタブでストリームがまだ読み込まれている場合です。ストリーミングを完全に停止する解決策はありますか?

コード:

export class RadioPage {
  file: MediaObject;
  constructor(
    public musicControls: MusicControls,
    public media: Media,
    public navCtrl: NavController
  ) { }

  settingMusicControl() {
    this.musicControls.destroy();
    this.musicControls.create({
      track: 'Radio', 
      artist: 'Live Stream', 
      cover: '',   
      isPlaying: true,
      dismissable: true,
      hasPrev: false, 
      hasNext: false,
      hasClose: true,
      hasSkipForward: false,
      hasSkipBackward: false,
      skipForwardInterval: 15,
      skipBackwardInterval: 15,
      album: 'Test Album',
      duration: 0,
      elapsed: 0,
      ticker: 'Ticker'
    });
    this.musicControls.subscribe().subscribe(action => {
      const message = JSON.parse(action).message;
      console.log('message', message);
      switch (message) {
        case 'music-controls-next':
          break;
        case 'music-controls-previous':
          break;
        case 'music-controls-pause':
          this.file.stop();
          this.musicControls.listen();
          this.musicControls.updateIsPlaying(false);
          break;
        case 'music-controls-play':
          this.file.play();
          this.musicControls.listen();
          this.musicControls.updateIsPlaying(true);
          break;
        case 'music-controls-destroy':
          break;
        case 'music-controls-toggle-play-pause':
          break;
        case 'music-controls-seek-to':
          break;
        case 'music-controls-skip-forward':
          break;
        case 'music-controls-skip-backward':
          break;
        case 'music-controls-media-button':
          break;
        case 'music-controls-headset-unplugged':
          break;
        case 'music-controls-headset-plugged':
          break;
        default:
          break;
      }
    });
    this.musicControls.listen();
    this.musicControls.updateIsPlaying(true);
  }

  play() {
    this.file = this.media.create('http://streaming.tdiradio.com:8000/house.mp3');
    this.file.play();
    this.settingMusicControl();
  }

  stop() {
    this.file.stop();
    this.musicControls.listen();
    this.musicControls.updateIsPlaying(false);
  }

}

Chromeデベロッパーツール:

例

マルコ・サヴィッチ

解決策1:解決策1:

Ionic Native Media プラグイン:

this.file.stop();別の関数を呼び出すためにが必要ですthis.file.release();

解決策2:

現時点での最善の解決策

使用HTML5 Audio Object

var url = 'http://streaming.tdiradio.com:8000/house.mp3';
var stream = new Audio(url);
stream.preload = 'none';

function play() {
  stream.play();
}

function pause() {
  stream.pause();
  stream.src = ''
  stream.load();
  
  stream = null;
  
  stream = new Audio();
  stream.src = url;
  stream.preload = 'none';
}
<button onclick='play()'>Play</button>
<button onclick='pause()'>Pause</button>

役立つリンク:

オーディオバッファリングの制御

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ドロップダウン/チェックボックスオプションは、ノックアウトjsで初めてページを読み込んだ後の最初のクリックでバインドされません

分類Dev

イオン2サウンドは、オーディオの読み込み中にバックグラウンドミュージックを停止します

分類Dev

ドライバークラスを読み込めません:スプリングブートアプリケーションのorg.h2.Driver

分類Dev

ドライバークラスを読み込めません:スプリングブートアプリケーションのorg.h2.Driver

分類Dev

ドライバークラスを読み込めません:スプリングブートアプリケーションのorg.h2.Driver

分類Dev

ナビゲーションバーのアクティブクラスはページの読み込み時にリセットされます

分類Dev

バージョン2.0にアップグレードした後、ドットネットテストタスクが「MSB1008:1つのプロジェクトのみを指定できます」というエラーで失敗する

分類Dev

ドロップダウンで選択したオプションのクラスが値と等しい場合、ページの読み込み時にクラスをdivに追加します

分類Dev

AsyncTask を使用したバックグラウンドでのビットマップの読み込み

分類Dev

ブートストラップナビゲーションバーでのリストアイテムのスタックを停止します

分類Dev

ブートストラップをマーク-ページの読み込み時にオプションを選択済みとして選択

分類Dev

S3バケットから画像(ファイル)をレンダリングする方法は、フロントエンドですべてのパブリックアクセスをブロックしました(プライベート書き込み、プライベート読み取り)

分類Dev

Androidは常にバックグラウンドでオーディオストリームを停止します

分類Dev

qt activexExcelの読み取り/書き込みコードの書き込み中にExcelがインストールされていない場合のアプリケーションのクラッシュを防止します

分類Dev

UbuntuGNOME14.04のバックグラウンドでスタートアップアプリケーションを追加します

分類Dev

Microsoft Edgeを除くすべてのアプリケーションは、バックグラウンドタスクとしてのみ開始されます

分類Dev

インストールエラー:パッケージが無効です。情報:「バックグラウンドスクリプト「back.js」を読み込めませんでした。」

分類Dev

ページの読み込み後にコンテンツスクリプトからコールバック関数を実行するにはどうすればよいですか?クロームエクステンション

分類Dev

1つのAPIリクエストが完了するまで、React JS / Fluxアプリケーションの読み込みを停止しますか?

分類Dev

非非同期コンテキストでバックグラウンドスレッドにリソースを読み込んでいます

分類Dev

マルチスレッドアプリケーションでのオプションのデバッグ出力-つまり、デッドロックやバグを把握するためではなく、*クライアント用*を意味します。

分類Dev

クライアントスクリプトのSuitescript読み込みドロップダウン

分類Dev

Firebase Crashlytics '問題の読み込みエラー'とアップロード-シンボルスクリプトエラー-XCodeを使用するiOSアプリ

分類Dev

バックグラウンドでのシリアルポート読み取りループ

分類Dev

フォームの読み込み時にバックグラウンドスレッドを開始します

分類Dev

スタンドアロンのJasmine3.1ブラウザレポートで「読み込み中のエラー」メッセージを抑制します

分類Dev

スプラッシュスクリーンを作成しましたが、必要なものが解決しませんでした。スプラッシュスクリーンの読み込み中にコンストラクターを読み込むにはどうすればよいですか?

分類Dev

Web ページの読み込み時間を高速化する方法 (CRON? バックグラウンドでの API 呼び出しの読み込み?)

分類Dev

AJAXを介して登録済みサイドバーのWordPressウィジェットオプションにアクセスします

Related 関連記事

  1. 1

    ドロップダウン/チェックボックスオプションは、ノックアウトjsで初めてページを読み込んだ後の最初のクリックでバインドされません

  2. 2

    イオン2サウンドは、オーディオの読み込み中にバックグラウンドミュージックを停止します

  3. 3

    ドライバークラスを読み込めません:スプリングブートアプリケーションのorg.h2.Driver

  4. 4

    ドライバークラスを読み込めません:スプリングブートアプリケーションのorg.h2.Driver

  5. 5

    ドライバークラスを読み込めません:スプリングブートアプリケーションのorg.h2.Driver

  6. 6

    ナビゲーションバーのアクティブクラスはページの読み込み時にリセットされます

  7. 7

    バージョン2.0にアップグレードした後、ドットネットテストタスクが「MSB1008:1つのプロジェクトのみを指定できます」というエラーで失敗する

  8. 8

    ドロップダウンで選択したオプションのクラスが値と等しい場合、ページの読み込み時にクラスをdivに追加します

  9. 9

    AsyncTask を使用したバックグラウンドでのビットマップの読み込み

  10. 10

    ブートストラップナビゲーションバーでのリストアイテムのスタックを停止します

  11. 11

    ブートストラップをマーク-ページの読み込み時にオプションを選択済みとして選択

  12. 12

    S3バケットから画像(ファイル)をレンダリングする方法は、フロントエンドですべてのパブリックアクセスをブロックしました(プライベート書き込み、プライベート読み取り)

  13. 13

    Androidは常にバックグラウンドでオーディオストリームを停止します

  14. 14

    qt activexExcelの読み取り/書き込みコードの書き込み中にExcelがインストールされていない場合のアプリケーションのクラッシュを防止します

  15. 15

    UbuntuGNOME14.04のバックグラウンドでスタートアップアプリケーションを追加します

  16. 16

    Microsoft Edgeを除くすべてのアプリケーションは、バックグラウンドタスクとしてのみ開始されます

  17. 17

    インストールエラー:パッケージが無効です。情報:「バックグラウンドスクリプト「back.js」を読み込めませんでした。」

  18. 18

    ページの読み込み後にコンテンツスクリプトからコールバック関数を実行するにはどうすればよいですか?クロームエクステンション

  19. 19

    1つのAPIリクエストが完了するまで、React JS / Fluxアプリケーションの読み込みを停止しますか?

  20. 20

    非非同期コンテキストでバックグラウンドスレッドにリソースを読み込んでいます

  21. 21

    マルチスレッドアプリケーションでのオプションのデバッグ出力-つまり、デッドロックやバグを把握するためではなく、*クライアント用*を意味します。

  22. 22

    クライアントスクリプトのSuitescript読み込みドロップダウン

  23. 23

    Firebase Crashlytics '問題の読み込みエラー'とアップロード-シンボルスクリプトエラー-XCodeを使用するiOSアプリ

  24. 24

    バックグラウンドでのシリアルポート読み取りループ

  25. 25

    フォームの読み込み時にバックグラウンドスレッドを開始します

  26. 26

    スタンドアロンのJasmine3.1ブラウザレポートで「読み込み中のエラー」メッセージを抑制します

  27. 27

    スプラッシュスクリーンを作成しましたが、必要なものが解決しませんでした。スプラッシュスクリーンの読み込み中にコンストラクターを読み込むにはどうすればよいですか?

  28. 28

    Web ページの読み込み時間を高速化する方法 (CRON? バックグラウンドでの API 呼び出しの読み込み?)

  29. 29

    AJAXを介して登録済みサイドバーのWordPressウィジェットオプションにアクセスします

ホットタグ

アーカイブ