L'écran WebRTC se bloque sur le mobile

Question

Je travaille sur WebRTC pour créer une communication sur une application Angular 2. Cette application est utilisée sur un ordinateur portable et un smartphone avec des règles CSS pour gérer responsive.

J'ai un problème spécifique: Mon application fonctionne parfaitement entre 2 pages Web sur ordinateur portable mais lorsque j'ouvre une page web sur un smartphone, la page se bloque au démarrage de la communication (entre smartphone et ordinateur portable). La page se fige seulement du côté du smartphone, tout fonctionne bien du côté de l'ordinateur portable.

J'ai ce comportement uniquement sur Chrome. Tout fonctionne bien sur Firefox.

Le problème est "résolu" lorsque je commente la fonction addStream(). Maintenant, j'utilise addTrack() fonction au lieu de addStream() mais le problème est toujours là.

Voici mon service pour créer et gérer la communication WebRTC. J'utilise le visioApi pour envoyer des données via un serveur de signalisation. J'utilise Chrome 61 sur chaque plate-forme, et mon smartphone est sur Android.

J'espère que quelqu'un m'aidera.

Merci,

Damien

Answer 1

Il y a un bug chrome 61.

Pour résoudre ce problème, voir la réponse de Philipp Hancke (Opentok on streamCreated subscribe makes mobile chrome freeze)

Détails du bug: https://bugs.chromium.org/p/chromium/issues/detail?id=769148

Solution: mettre border-radius: 1px; sur chaque vidéo html.