Intégrer la visioconférence dans votre site ou application
Aucun compte ni jeton : choisissez un nom de salle long et difficile à deviner (ex. formation-elec-7f3k9x). La salle est créée automatiquement à la première connexion.
1. Lien direct
https://elecpro-meet.duckdns.org/formation-elec-7f3k9x
2. iframe (le plus simple)
<iframe src="https://elecpro-meet.duckdns.org/formation-elec-7f3k9x"
allow="camera; microphone; fullscreen; display-capture; autoplay"
style="width:100%;height:600px;border:0"></iframe>
L'attribut allow est obligatoire, sinon la caméra et le micro sont bloqués.
3. API JavaScript (nom, langue, options)
<div id="visio" style="height:600px"></div>
<script src="https://elecpro-meet.duckdns.org/external_api.js"></script>
<script>
const api = new JitsiMeetExternalAPI("elecpro-meet.duckdns.org", {
roomName: "formation-elec-7f3k9x",
parentNode: document.getElementById("visio"),
userInfo: { displayName: "Jean" },
lang: "fr",
configOverwrite: { prejoinPageEnabled: false }
});
api.addListener("readyToClose", () => console.log("Réunion terminée"));
</script>
4. Application Android (WebView)
// AndroidManifest.xml : permissions CAMERA, RECORD_AUDIO, MODIFY_AUDIO_SETTINGS, INTERNET
webView.settings.javaScriptEnabled = true
webView.settings.domStorageEnabled = true
webView.settings.mediaPlaybackRequiresUserGesture = false
webView.webChromeClient = object : WebChromeClient() {
override fun onPermissionRequest(request: PermissionRequest) {
request.grant(request.resources)
}
}
webView.loadUrl("https://elecpro-meet.duckdns.org/formation-elec-7f3k9x")
Pensez aussi à demander les permissions caméra et micro à l'utilisateur au moment de l'exécution.
5. iOS, React Native, Flutter
Utilisez le SDK officiel Jitsi Meet (une WebView iOS gère mal la vidéo) et indiquez votre serveur :
serverURL: "https://elecpro-meet.duckdns.org"
room: "formation-elec-7f3k9x"
Attention : toute personne qui connaît le nom d'une salle peut y entrer. Ne publiez pas les noms de salle.