[GStreamer]Chrome didn't display the video stream

Thu Jun 17 09:35:52 UTC 2021

Dears,

I have an issue with vidéo streaming from IP Camera. I used gstreamer from
camera side and succeeded to have the SDP offer and answer but nothing was
displayed on Chrome ( HTML5 video tag )

according to the JS client, everything should be fine. I suspected that
it's a problem related to  profile-level-id and tried to changed it but
without any change in behavior.

I attached the screenshot illustrating that the video stream is
received but not displayed.

here the trace log from my chrome :
Hostname: localhost
chatclient.js:60 [09:13:30] Connecting to server: ws://35.181.45.219:6503
chatclient.js:125 event data : {"type":"id","id":1623915747385}
chatclient.js:60 [09:13:30] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:136 id : 1623915747385
chatclient.js:60 [09:13:30] Sending 'username' message:
{"name":"mobile","date":1623917610632,"id":1623915747385,"type":"username"}
chatclient.js:125 event data :
{"type":"userlist","users":["camera","mobile"]}
chatclient.js:60 [09:13:30] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:159 userlist : camera,mobile
chatclient.js:60 [09:13:31] Starting to prepare an invitation
chatclient.js:60 [09:13:31] Inviting user camera
chatclient.js:60 [09:13:31] Sending 'video-request' message:
{"name":"mobile","target":"camera","type":"video-request"}
chatclient.js:125 event data : {"sdp":{"type":"offer","sdp":"v=0\r\no=-
5439558456332620600 0 IN IP4 0.0.0.0\r\ns=-\r\nt=0
0\r\na=ice-options:trickle\r\nm=video 9 UDP/TLS/RTP/SAVPF 96\r\nc=IN IP4
0.0.0.0\r\na=setup:actpass\r\na=ice-ufrag:WGKxyRFOChGWvBczlh9O+5wlHL2ovRm7\r\na=ice-pwd:1XKuMSUeMUQEBlfuz4Tud2hVBCoRezJD\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=sendrecv\r\na=rtpmap:96
H264/90000\r\na=rtcp-fb:96 nack pli\r\na=rtcp-fb:96
transport-cc\r\na=charset:Shift_JIS\r\na=etag:1234567890\r\na=x-framerate:15\r\na=framerate:24.0\r\na=fmtp:96
packetization-mode=1;profile-level-id=42c015;sprop-parameter-sets=Z00AKIqKUDwBE/Kg,aO48gA==\r\na=ssrc:1687063760
msid:user710975665 at host-6ac995ae webrtctransceiver0\r\na=ssrc:1687063760
cname:user710975665 at host-6ac995ae\r\na=mid:video0\r\na=fingerprint:sha-256
2D:7A:DF:FB:6F:9E:F1:C0:3F:A6:8E:81:83:6F:B8:DB:7E:70:84:AA:85:27:7D:2A:9C:56:6F:46:B4:5E:11:E3\r\na=rtcp-mux-only\r\na=framesize:96
800-600\r\n"},"type":"video-offer","target":"mobile","name":"camera"}
chatclient.js:60 [09:13:48] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:60 [09:13:48] Received video chat offer from camera
chatclient.js:60 [09:13:48] Setting up a connection...
chatclient.js:60 [09:13:48]   - Setting remote description
chatclient.js:168 video-offer : [object Object]
chatclient.js:60 [09:13:48] *** WebRTC signaling state changed to:
have-remote-offer
chatclient.js:60 [09:13:48] *** Track event
chatclient.js:60 [09:13:48] event streams =======> [object MediaStream]
chatclient.js:60 [09:13:48] ---> Creating and sending answer to caller
chatclient.js:60 [09:13:48] *** WebRTC signaling state changed to: stable
chatclient.js:60 [09:13:48] Sending 'video-answer' message:
{"name":"mobile","target":"camera","type":"video-answer","sdp":{"type":"answer","sdp":"v=0\r\no=-
5455773137466672713 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\na=msid-semantic:
WMS\r\nm=video 9 UDP/TLS/RTP/SAVPF 96\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN
IP4
0.0.0.0\r\na=ice-ufrag:/xAw\r\na=ice-pwd:Gb5mQftY/DIJ6X/vKhIctXvj\r\na=ice-options:trickle\r\na=fingerprint:sha-256
6B:D2:F1:95:7F:C7:DE:32:1E:32:8B:B2:BD:2D:B2:6F:9A:5F:DE:1C:49:A4:A9:B5:CC:89:29:FC:AC:35:EC:99\r\na=setup:active\r\na=mid:video0\r\na=recvonly\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:96
H264/90000\r\na=rtcp-fb:96 transport-cc\r\na=rtcp-fb:96 nack
pli\r\na=fmtp:96
level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e015\r\n"}}
chatclient.js:60 [09:13:48] *** ICE gathering state changed to: gathering
chatclient.js:60 [09:13:48] *** Outgoing ICE candidate:
candidate:1178812653 1 udp 2113937151
a87f9b7e-feab-4819-8465-07912c244db2.local 64178 typ host generation 0
ufrag /xAw network-cost 999
chatclient.js:60 [09:13:48] Sending 'new-ice-candidate' message:
{"type":"new-ice-candidate","target":"camera","candidate":{"candidate":"candidate:1178812653
1 udp 2113937151 a87f9b7e-feab-4819-8465-07912c244db2.local 64178 typ host
generation 0 ufrag /xAw network-cost
999","sdpMid":"video0","sdpMLineIndex":0}}
chatclient.js:125 event data :
{"type":"new-ice-candidate","target":"mobile","candidate":{"candidate":"candidate:1
1 UDP 2015363327 192.168.1.44 47536 typ host","sdpMLineIndex":0}}
chatclient.js:60 [09:13:48] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:60 [09:13:48] *** Adding received ICE candidate:
{"candidate":"candidate:1 1 UDP 2015363327 192.168.1.44 47536 typ
host","sdpMid":"","sdpMLineIndex":0}
chatclient.js:187 new-ice-candidate : [object Object]
chatclient.js:60 [09:13:48] *** ICE connection state changed to checking
chatclient.js:125 event data :
{"type":"new-ice-candidate","target":"mobile","candidate":{"candidate":"candidate:2
1 TCP 1015021823 192.168.1.44 9 typ host tcptype active","sdpMLineIndex":0}}
chatclient.js:60 [09:13:48] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:60 [09:13:48] *** Adding received ICE candidate:
{"candidate":"candidate:2 1 TCP 1015021823 192.168.1.44 9 typ host tcptype
active","sdpMid":"","sdpMLineIndex":0}
chatclient.js:187 new-ice-candidate : [object Object]
chatclient.js:125 event data :
{"type":"new-ice-candidate","target":"mobile","candidate":{"candidate":"candidate:3
1 TCP 1010827519 192.168.1.44 33693 typ host tcptype
passive","sdpMLineIndex":0}}
chatclient.js:60 [09:13:48] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:60 [09:13:48] *** Adding received ICE candidate:
{"candidate":"candidate:3 1 TCP 1010827519 192.168.1.44 33693 typ host
tcptype passive","sdpMid":"","sdpMLineIndex":0}
chatclient.js:187 new-ice-candidate : [object Object]
chatclient.js:125 event data :
{"type":"new-ice-candidate","target":"mobile","candidate":{"candidate":"candidate:4
1 UDP 1679819007 90.16.65.213 47536 typ srflx raddr 192.168.1.44 rport
47536","sdpMLineIndex":0}}
chatclient.js:60 [09:13:48] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:60 [09:13:48] *** Adding received ICE candidate:
{"candidate":"candidate:4 1 UDP 1679819007 90.16.65.213 47536 typ srflx
raddr 192.168.1.44 rport 47536","sdpMid":"","sdpMLineIndex":0}
chatclient.js:187 new-ice-candidate : [object Object]
chatclient.js:125 event data :
{"type":"new-ice-candidate","target":"mobile","candidate":{"candidate":"candidate:5
1 TCP 847249663 90.16.65.213 9 typ srflx raddr 192.168.1.44 rport 9 tcptype
active","sdpMLineIndex":0}}
chatclient.js:60 [09:13:48] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:60 [09:13:48] *** Adding received ICE candidate:
{"candidate":"candidate:5 1 TCP 847249663 90.16.65.213 9 typ srflx raddr
192.168.1.44 rport 9 tcptype active","sdpMid":"","sdpMLineIndex":0}
chatclient.js:187 new-ice-candidate : [object Object]
chatclient.js:125 event data :
{"type":"new-ice-candidate","target":"mobile","candidate":{"candidate":"candidate:6
1 TCP 843055359 90.16.65.213 33693 typ srflx raddr 192.168.1.44 rport 33693
tcptype passive","sdpMLineIndex":0}}
chatclient.js:60 [09:13:48] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:60 [09:13:48] *** Adding received ICE candidate:
{"candidate":"candidate:6 1 TCP 843055359 90.16.65.213 33693 typ srflx
raddr 192.168.1.44 rport 33693 tcptype
passive","sdpMid":"","sdpMLineIndex":0}
chatclient.js:187 new-ice-candidate : [object Object]
chatclient.js:60 [09:13:48] *** Outgoing ICE candidate: candidate:842163049
1 udp 1677729535 197.15.131.75 64178 typ srflx raddr 0.0.0.0 rport 0
generation 0 ufrag /xAw network-cost 999
chatclient.js:60 [09:13:48] Sending 'new-ice-candidate' message:
{"type":"new-ice-candidate","target":"camera","candidate":{"candidate":"candidate:842163049
1 udp 1677729535 197.15.131.75 64178 typ srflx raddr 0.0.0.0 rport 0
generation 0 ufrag /xAw network-cost
999","sdpMid":"video0","sdpMLineIndex":0}}
chatclient.js:60 [09:13:48] *** ICE gathering state changed to: complete
chatclient.js:60 [09:13:48] *** ICE connection state changed to connected
chatclient.js:125 event data : {"type":"userlist","users":["mobile"]}
chatclient.js:60 [09:14:23] Message received:
chatclient.js:128 Object
chatclient.js:132 message : [object Object]
chatclient.js:159 userlist : mobile
chatclient.js:60 [09:14:30] *** ICE connection state changed to disconnected
chatclient.js:60 [09:14:30] Closing the call
chatclient.js:60 [09:14:30] --> Closing the peer connection

-- 
      -- Sabri MTIBAA
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.freedesktop.org/archives/gstreamer-devel/attachments/20210617/b147ebbe/attachment-0001.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: MicrosoftTeams-image (3).png
Type: image/png
Size: 49744 bytes
Desc: not available
URL: <https://lists.freedesktop.org/archives/gstreamer-devel/attachments/20210617/b147ebbe/attachment-0001.png>