IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Utilisation API webRTC pour un chat


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Webmarketer
    Inscrit en
    juin 2020
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Webmarketer
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2020
    Messages : 13
    Points : 7
    Points
    7
    Par défaut Utilisation API webRTC pour un chat
    Bonjour,

    Je développe une application de chat vidéo en webRTC.

    J'ai téléchargé un code mais il ne marche pas, j'ai dû modifier quelques lignes pour retirer des choses que les navigateurs ne prennent plus en charge. Voilà ce que j'ai maintenant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    navigator.getUserMedia = navigator.getUserMedia ||
                             navigator.webkitGetUserMedia ||
                             navigator.mozGetUserMedia
     
    function bindEvents(p) {
     
        p.on('error', function (err) {
            console.log('error', err)
        })
     
        p.on('signal', function (data) {
            document.querySelector('#offer').textContent = JSON.stringify(data)
        })
     
        p.on('stream', function (stream) {
            let video = document.querySelector('#receiver-video')
            video.volume = 0
            video.srcObject = stream// video.src = window.URL.createObjectURL(stream)
            video.play()
        })
     
        document.querySelector('#incoming').addEventListener('submit', function (e) {
            e.preventDefault()
            p.signal(JSON.parse(e.target.querySelector('textarea').value))
        })
     
    }
     
    function startPeer(initiator) {
        navigator.getUserMedia({
            video: true,
            audio: true
        }, function (stream) {
            let p = new SimplePeer({
                initiator: initiator,
                stream: stream,
                trickle: false
            })
            bindEvents(p)
            let emitterVideo = document.querySelector('#emitter-video')
            emitterVideo.volume = 0
            emitterVideo.srcObject = stream//emitterVideo.src = window.URL.createObjectURL(stream)
            emitterVideo.play()
        }, function () {
        })
    }
     
    document.querySelector('#start').addEventListener('click', function (e) {
        startPeer(true)
    })
     
    document.querySelector('#receive').addEventListener('click', function (e) {
        startPeer(false)
    })

    Les lignes avec des commentaires vous montrent les changements que j'ai apporté et comment c'était avant (en commentaire). La console chrome me sort l'erreur suivante: Uncaught (in promise) DOMException: The play() request was interrupted by a new load request. https://goo.gl/LdLk22 app.js:18

    Pourriez-vous m'aider ? Je vous met les pièces jointes, il y'a juste simplePeer.js qui est trop gros.

    Bonne journée
    Fichiers attachés Fichiers attachés

Discussions similaires

  1. Problème avec javascript:document.forms
    Par enclave_51 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 11/06/2006, 09h06
  2. problème de javascript avec parent.zone2.location.href
    Par Liondd dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/04/2006, 09h41
  3. [PHP-JS] problème de javascript avec php
    Par ph_anrys dans le forum Langage
    Réponses: 9
    Dernier message: 02/03/2006, 10h34
  4. [PHP-JS] problème Alert Javascript
    Par vincedjs dans le forum Langage
    Réponses: 5
    Dernier message: 28/02/2006, 12h51
  5. [PHP-JS] Problème php-javascript (suite)
    Par nicoaix dans le forum Langage
    Réponses: 4
    Dernier message: 21/12/2005, 10h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo