Ионные 3 URL изображения отображаются в iOS, но не Android

Я пытаюсь загрузить изображения с http://admin:1234@192.168.8.112/ в моей локальной сети

Вот скриншоты iOS и android из эмуляторов соответственно

Пользователи / riaz / Рабочий стол / скриншоты / Симулятор Screen Shot - iPhone XS Max - 2018-10-17 на 13.43.27.png

По некоторым причинам изображения отображаются только на iOS, а не на Android.

Вот соответствующий машинописный код

   this.cameras = ["http://admin:1234@192.168.8.112/video1.mjpg","http://admin:1234@192.168.8.112/video2.mjpg","http://admin:1234@192.168.8.112/video3.mjpg" ]

и соответствующий HTML-код

    <ion-grid> 
    <ion-row>
        <ion-col col-6 col-md-4 col-xl-3 *ngFor="let item of cameras; let id = index">
            <div align="center" style="flex-wrap: wrap" class="camera">
                <img [src]="item" #imageToView (click)="presentProfileModal(item)" />                   


                <p id="text" text-wrap >Camera {{id + 1}}</p>
            </div>
        </ion-col>
    </ion-row>
</ion-grid>

Я попытался использовать iframes вместо тегов img, а также очистить URL с помощью domsanitizer, но безрезультатно.

любая помощь или указатели в правильном направлении будут высоко оценены

0 ответов

Другие вопросы по тегам