Video is absent (H.264), Ionic 2

[bushev]

I'm trying to get work Ionic 2 application on iOS. Stream comes from Raspberry pi (gStreamer + Janus WebRTC gateway)

Application is a streaming application with the following logic:

1. Create connection to RPi using Janus WebRTC gateway
2. Obtain stream and create video tag with src: URL.createObjectURL(stream)

I'm getting WebRTC support by the following plugin: https://github.com/eface2face/cordova-plugin-iosrtc

Streaming works great in FireFox browser by ionic serve --platform=ios command.

Streaming is NOT works inside iOS emulator and on a real device. I just got a green rectangle instead of stream, like on the picture below:

gStreamer command:

raspivid --verbose --nopreview --width 640 --height 480 --framerate 15 --bitrate 1000000 --profile main --timeout 0 -o - | 
gst-launch-1.0 -v fdsrc ! h264parse ! rtph264pay config-interval=1 pt=96 ! udpsink host=127.0.0.1 port=8004

Janus config:

[gst-rpwc]
type = rtp
id = 1
description = RPWC H264 test streaming
audio = no
video = yes
videoport = 8004
videopt = 96
videortpmap = H264/90000
videofmtp = profile-level-id=4D401F\;packetization-mode=1

I have googled a similar problem (http://stackoverflow.com/questions/21120717/h-264-video-wont-play-on-ios).

They say iOS safari support Main profile with AVC level 3.1. I'm tried this proposal but it doesn't help me too..

I'm also tried the following "pairs" (profile-level-id + profile) without success:

"42e028 + baseline"  
"640028 + hight"

No any errors in console. Traffic for the app is also OK (~100kbps). But I see green square instead of image..

[ibc]

This is not a specific bug report but a usage problem. Please use the mailing list, but don't expect others to check your whole code and thirdy party libraries.

[saghul]

@ibc the tutorial uses H264, which might actually be the problem here. @bushev what version of the plugin are you using?

[bushev]

@saghul I use latest version: 3.1.0

I also suspect that is can be some encoding related problem.. I have described my case here more detailed: http://stackoverflow.com/questions/38447053/embed-h264-stream-using-html5-video-tag-on-ios

I have updated this topic as well.

[saghul]

@bushev I'm afraid you might have ran into #170

[bushev]

@saghul I just tested 2.2.4 with the same result..

[bushev]

@ibc So, I suspect that cordova-plugin-iosrtc is not fully support H.264 streams. What do you think?

[ibc]

Honestly I've no idea. This is something related to libwebrtc that will be suddenly and magically fixed.

[saghul]

Since H264 works in Chrome I guess there is something we are not doing right somewhere. So far nobody has found the cause though :-(

[murillo128]

Chrome uses Cisco h264 encoder while libwebrtc should use Apple h264 hardware codecs on iOS, not sure if it is ready for prime time.

[saghul]

Good point! It did work at some point, albeit with a very low FPS, IIRC.

[murillo128]

FWIW
https://groups.google.com/d/msgid/discuss-webrtc/51da720d-4e44-4152-8294-ebe2c34f999d%40googlegroups.com?utm_medium=email&utm_source=footer

El 20/7/2016 21:04, "Saúl Ibarra Corretgé" notifications@github.com
escribió:

Good point! It did work at some point, albeit with a very low FPS, IIRC.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#193 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABBW889RSp0p0H73v2J7zfUbvtLm2UN6ks5qXg68gaJpZM4JO8cp
.

[saghul]

Looks like we're not alone!

[x3mall1986]

Have the same problem. Revision libWebRTC 13524

[charllie]

any news?

[antoniotuzzi]

Any news ? ;)

[saghul]

I'm afraid not.

[saghul]

Thanks for the heads up, I'll add a note to #170, hopefully I can give it a shot in the upcoming weeks.

[sezerkorkmaz]

any news?

[saghul]

Alas, no.

[krishnaclouds]

Any Solution? Facing black video problem even in Android too!!