HTML5 音频实时流在设备中拒绝连接

Question

The MP3 live audio stream in our Ionic 3 app works correctly with ionic serve , but running it on a device it gives net::ERR_CONNECTION_REFUSED on Android and NSURLConnection finished with error - code -1100 on iOS.

My player service:

import {Injectable} from '@angular/core';

@Injectable()
export class PlayerService {
    stream: any;
    promise: any;

    constructor() {
        this.initLiveStream();
    }

    initLiveStream() {
        this.stream = new Audio('http://audio-mp3.ibiblio.org:8000/wcpe.mp3');
    }

    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();
    };
}

Replacing the live stream URL with an URL to a MP3 file (eg https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3 ) works. Probably the problem has something to do with the live stream having no length, but I can't figure out how to solve that.

Answer 1

I highly recommend using Native Streaming Media Plugin here. Since some of the web solutions are not working properly on native devices.

This plugin allows you to stream audio and video in a fullscreen, native player on iOS and Android.

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