@flashphoner/sfusdk-examples 2.0.56

package/src/commons/js/display.js

@@ -0,0 +1,484 @@
+const initLocalDisplay = function(localDisplayElement){
+    const localDisplayDiv = localDisplayElement;
+    const localDisplays = {};
+
+    const removeLocalDisplay = function(id) {
+        let localDisplay = document.getElementById(localDisplays[id].id);
+        let video = localDisplay.getElementsByTagName("video");
+        if (video && video[0]) {
+            for (const [key, vTrack] of Object.entries(video[0].srcObject.getTracks())) {
+                vTrack.stop();
+            }
+        }
+        delete localDisplays[id];
+        localDisplay.remove();
+    }
+
+    const getAudioContainer = function() {
+        for (const [key, value] of Object.entries(localDisplays)) {
+            let video = value.getElementsByTagName("video");
+            if (video && video[0]) {
+                let audioStateButton = value.getElementsByTagName("button");
+                let audioTracks = video[0].srcObject.getAudioTracks();
+                if (!audioTracks || audioTracks.length === 0) {
+                    return {
+                        id: value.id,
+                        video: video[0],
+                        audioStateDisplay: audioStateButton[0]
+                    }
+                }
+            }
+        }
+    };
+
+    const add = function(id, name, stream) {
+        if (stream.getAudioTracks().length > 0) {
+            let videoElement = getAudioContainer();
+            if (videoElement) {
+                let track = stream.getAudioTracks()[0];
+                videoElement.video.srcObject.addTrack(track);
+                videoElement.audioStateDisplay.innerHTML = audioStateText(stream);
+                track.addEventListener("ended", function() {
+                    videoElement.video.srcObject.removeTrack(track);
+                    videoElement.audioStateDisplay.innerHTML = "No audio";
+                    //check video element has no tracks left
+                    for (const [key, vTrack] of Object.entries(videoElement.video.srcObject.getTracks())) {
+                        if (vTrack.readyState !== "ended") {
+                            return;
+                        }
+                    }
+                    removeLocalDisplay(videoElement.id);
+                });
+                return;
+            }
+        }
+
+        const coreDisplay = document.createElement('div');
+        coreDisplay.setAttribute("class","text-center");
+        coreDisplay.setAttribute("style","width: auto; height: auto;");
+        coreDisplay.id = stream.id;
+        const streamNameDisplay = document.createElement("div");
+        streamNameDisplay.innerHTML = "Name: " + name;
+        streamNameDisplay.setAttribute("class","text-center");
+        streamNameDisplay.setAttribute("style","width: auto; height: auto;");
+        coreDisplay.appendChild(streamNameDisplay);
+
+        const audioStateDisplay = document.createElement("button");
+        audioStateDisplay.innerHTML = audioStateText(stream);
+        audioStateDisplay.addEventListener('click', function(){
+            if (stream.getAudioTracks().length > 0) {
+                stream.getAudioTracks()[0].enabled = !(stream.getAudioTracks()[0].enabled);
+                audioStateDisplay.innerHTML = audioStateText(stream);
+            }
+        });
+        coreDisplay.appendChild(audioStateDisplay);
+
+        const streamDisplay = document.createElement('div');
+        streamDisplay.id = "stream-" + id;
+        streamDisplay.setAttribute("class","text-center");
+        streamDisplay.setAttribute("style","width: auto; height: auto;");
+        coreDisplay.appendChild(streamDisplay);
+        const video = document.createElement("video");
+        video.muted = true;
+        if(Browser().isSafariWebRTC()) {
+            video.setAttribute("playsinline", "");
+            video.setAttribute("webkit-playsinline", "");
+        }
+        streamDisplay.appendChild(video);
+        video.srcObject = stream;
+        video.onloadedmetadata = function (e) {
+            video.play();
+        };
+        stream.getTracks().forEach(function(track){
+            track.addEventListener("ended", function() {
+                video.srcObject.removeTrack(track);
+                //check video element has no tracks left
+                for (const [key, vTrack] of Object.entries(video.srcObject.getTracks())) {
+                    if (vTrack.readyState !== "ended") {
+                        return;
+                    }
+                }
+                removeLocalDisplay(id);
+            });
+        });
+        video.addEventListener('resize', function (event) {
+            streamNameDisplay.innerHTML = "Name: " + name + "<br/>Max.resolution: " + video.videoWidth + "x" + video.videoHeight;
+            resizeVideo(event.target);
+        });
+        localDisplays[id] = coreDisplay;
+        localDisplayDiv.appendChild(coreDisplay);
+        return coreDisplay;
+    }
+
+    const stop = function () {
+        for (const [key, value] of Object.entries(localDisplays)) {
+            removeLocalDisplay(value.id);
+        }
+    }
+
+    const audioStateText = function (stream) {
+        if (stream.getAudioTracks().length > 0) {
+            if (stream.getAudioTracks()[0].enabled) {
+                return "Mute";
+            } else {
+                return "Unmute";
+            }
+        }
+        return "No audio";
+    }
+
+    return {
+        add: add,
+        stop: stop
+    }
+}
+
+const initRemoteDisplay = function(mainDiv, room, peerConnection) {
+    const constants = SFU.constants;
+    const remoteParticipants = {};
+    room.on(constants.SFU_ROOM_EVENT.ADD_TRACKS, function(e) {
+        console.log("Received ADD_TRACKS");
+        let participant = remoteParticipants[e.info.nickName];
+        if (!participant) {
+            participant = {};
+            participant.nickName = e.info.nickName;
+            participant.tracks = [];
+            participant.displays = [];
+            remoteParticipants[participant.nickName] = participant;
+        }
+        participant.tracks.push.apply(participant.tracks, e.info.info);
+        for (const pTrack of e.info.info) {
+            let createDisplay = true;
+            for (let i = 0; i < participant.displays.length; i++) {
+                let display = participant.displays[i];
+                if (pTrack.type === "VIDEO") {
+                    if (display.hasVideo()) {
+                        continue;
+                    }
+                    display.videoMid = pTrack.mid;
+                    display.setTrackInfo(pTrack);
+                    createDisplay = false;
+                    break;
+                } else if (pTrack.type === "AUDIO") {
+                    if (display.hasAudio()) {
+                        continue;
+                    }
+                    display.audioMid = pTrack.mid;
+                    createDisplay = false;
+                    break;
+                }
+            }
+            if (!createDisplay) {
+                continue;
+            }
+            let display = createRemoteDisplay(participant.nickName, participant.nickName, mainDiv);
+            participant.displays.push(display);
+            if (pTrack.type === "VIDEO") {
+                display.videoMid = pTrack.mid;
+                display.setTrackInfo(pTrack);
+            } else if (pTrack.type === "AUDIO") {
+                display.audioMid = pTrack.mid;
+            }
+        }
+    }).on(constants.SFU_ROOM_EVENT.REMOVE_TRACKS, function(e) {
+        console.log("Received REMOVE_TRACKS");
+        const participant = remoteParticipants[e.info.nickName];
+        if (!participant) {
+            return;
+        }
+        for (const rTrack of e.info.info) {
+            for (let i = 0; i < participant.tracks.length; i++) {
+                if (rTrack.mid === participant.tracks[i].mid) {
+                    participant.tracks.splice(i, 1);
+                    break;
+                }
+            }
+            for (let i = 0; i < participant.displays.length; i++) {
+                let found = false;
+                const display = participant.displays[i];
+                if (display.audioMid === rTrack.mid) {
+                    display.setAudio(null);
+                    found = true;
+                } else if (display.videoMid === rTrack.mid) {
+                    display.setVideo(null);
+                    found = true;
+                }
+                if (found) {
+                    if (!display.hasAudio() && !display.hasVideo()) {
+                        display.dispose();
+                        participant.displays.splice(i, 1);
+                    }
+                    break;
+                }
+            }
+        }
+    }).on(constants.SFU_ROOM_EVENT.LEFT, function(e) {
+        console.log("Received LEFT");
+        let participant = remoteParticipants[e.name];
+        if (!participant) {
+            return;
+        }
+        participant.displays.forEach(function(display){
+            display.dispose();
+        })
+        delete remoteParticipants[e.name];
+    }).on(constants.SFU_ROOM_EVENT.TRACK_QUALITY_STATE, function(e){
+        console.log("Received track quality state");
+        const participant = remoteParticipants[e.info.nickName];
+        if (!participant) {
+            return;
+        }
+
+        for (const rTrack of e.info.tracks) {
+            const mid = rTrack.mid;
+            for (let i = 0; i < participant.displays.length; i++) {
+                const display = participant.displays[i];
+                if (display.videoMid === mid) {
+                    display.updateQualityInfo(rTrack.quality);
+                    break;
+                }
+            }
+        }
+    });
+
+    const createRemoteDisplay = function(id, name, mainDiv) {
+        const cell = document.createElement("div");
+        cell.setAttribute("class", "text-center");
+        cell.id = id;
+        mainDiv.appendChild(cell);
+        const streamNameDisplay = document.createElement("div");
+        streamNameDisplay.innerHTML = "Published by: " + name;
+        streamNameDisplay.setAttribute("style","width:auto; height:auto;");
+        streamNameDisplay.setAttribute("class","text-center");
+        cell.appendChild(streamNameDisplay);
+        const qualityDisplay = document.createElement("div");
+        qualityDisplay.setAttribute("style","width:auto; height:auto;");
+        qualityDisplay.setAttribute("class","text-center");
+        cell.appendChild(qualityDisplay);
+
+        let qualityDivs = [];
+
+        const rootDisplay = document.createElement("div");
+        rootDisplay.setAttribute("style","width:auto; height:auto;");
+        rootDisplay.setAttribute("class","text-center");
+        cell.appendChild(rootDisplay);
+        const streamDisplay = document.createElement("div");
+        streamDisplay.setAttribute("style","width:auto; height:auto;");
+        streamDisplay.setAttribute("class","text-center");
+        rootDisplay.appendChild(streamDisplay);
+
+        let audio = null;
+        let video = null;
+        return {
+            dispose: function() {
+                cell.remove();
+            },
+            hide: function(value) {
+                if (value) {
+                    cell.style.display = "none";
+                } else {
+                    cell.style.display = "block";
+                }
+            },
+            setAudio: function(stream) {
+                if (audio) {
+                    audio.remove();
+                }
+                if (!stream) {
+                    audio = null;
+                    this.audioMid = undefined;
+                    return;
+                }
+                audio = document.createElement("audio");
+                audio.controls = "controls";
+                audio.muted = true;
+                audio.autoplay = true;
+                cell.appendChild(audio);
+                audio.srcObject = stream;
+                audio.onloadedmetadata = function (e) {
+                    audio.play().then(function() {
+                        audio.muted = false;
+                    });
+                };
+            },
+            hasAudio: function() {
+                return audio !== null || this.audioMid !== undefined;
+            },
+            setVideo: function(stream) {
+                if (video) {
+                    video.remove();
+                }
+
+                if (stream == null) {
+                    video = null;
+                    this.videoMid = undefined;
+                    qualityDivs.forEach(function(div) {
+                        div.remove();
+                    });
+                    qualityDivs = [];
+                    return;
+                }
+                video = document.createElement("video");
+                video.muted = true;
+                if(Browser().isSafariWebRTC()) {
+                    video.setAttribute("playsinline", "");
+                    video.setAttribute("webkit-playsinline", "");
+                }
+                streamDisplay.appendChild(video);
+                video.srcObject = stream;
+                video.onloadedmetadata = function (e) {
+                    video.play().then(function() {
+                        video.muted = false;
+                    });
+                };
+                video.addEventListener("resize", function (event) {
+                    streamNameDisplay.innerHTML = "Published by: " + name + "<br/>Current resolution: " + video.videoWidth + "x" + video.videoHeight;
+                    resizeVideo(event.target);
+                });
+            },
+            setTrackInfo: function(trackInfo) {
+                if (trackInfo && trackInfo.quality) {
+                    for (let i = 0; i < trackInfo.quality.length; i++) {
+                        const qualityDiv = document.createElement("button");
+                        qualityDivs.push(qualityDiv);
+                        qualityDiv.innerText = trackInfo.quality[i];
+                        qualityDiv.setAttribute("style", "display:inline-block; border: solid; border-width: 1px");
+                        qualityDiv.style.color = "red";
+                        qualityDiv.addEventListener('click', function(){
+                            console.log("Clicked on quality " + trackInfo.quality[i] + " trackId " + trackInfo.id);
+                            if (qualityDiv.style.color === "red") {
+                                return;
+                            }
+                            for (let c = 0; c < qualityDivs.length; c++) {
+                                if (qualityDivs[c].style.color !== "red") {
+                                    qualityDivs[c].style.color = "gray";
+                                }
+                            }
+                            qualityDiv.style.color = "blue";
+                            room.changeQuality(trackInfo.id, trackInfo.quality[i]);
+                        });
+                        qualityDisplay.appendChild(qualityDiv);
+                    }
+                }
+            },
+            updateQualityInfo: function(videoQuality) {
+                for (const qualityInfo of videoQuality) {
+                    for (const qualityDiv of qualityDivs) {
+                        if (qualityDiv.innerText === qualityInfo.quality){
+                            if (qualityInfo.available === true) {
+                                qualityDiv.style.color = "gray";
+                            } else {
+                                qualityDiv.style.color = "red";
+                            }
+                            break;
+                        }
+                    }
+                }
+            },
+            hasVideo: function() {
+                return video !== null || this.videoMid !== undefined;
+            },
+            audioMid: undefined,
+            videoMid: undefined
+        };
+    }
+
+    const stop = function() {
+        for (const [nickName, participant] of Object.entries(remoteParticipants)) {
+            participant.displays.forEach(function(display){
+                display.dispose();
+            });
+            delete remoteParticipants[nickName];
+        }
+    }
+
+    peerConnection.ontrack = ({transceiver}) => {
+        let rParticipant;
+        console.log("Attach remote track " + transceiver.receiver.track.id + " kind " + transceiver.receiver.track.kind + " mid " + transceiver.mid);
+        for (const [nickName, participant] of Object.entries(remoteParticipants)) {
+            for (const pTrack of participant.tracks) {
+                console.log("Participant " + participant.nickName + " track " + pTrack.id + " mid " + pTrack.mid);
+                if (pTrack.mid === transceiver.mid) {
+                    rParticipant = participant;
+                    break;
+                }
+            }
+            if (rParticipant) {
+                break;
+            }
+        }
+        if (rParticipant) {
+            for (const display of rParticipant.displays) {
+                if (transceiver.receiver.track.kind === "video") {
+                    if (display.videoMid === transceiver.mid) {
+                        let stream = new MediaStream();
+                        stream.addTrack(transceiver.receiver.track);
+                        display.setVideo(stream);
+                        break;
+                    }
+                } else if (transceiver.receiver.track.kind === "audio") {
+                    if (display.audioMid === transceiver.mid) {
+                        let stream = new MediaStream();
+                        stream.addTrack(transceiver.receiver.track);
+                        display.setAudio(stream);
+                        break;
+                    }
+                }
+            }
+        } else {
+            console.warn("Failed to find participant for track " + transceiver.receiver.track.id);
+        }
+    }
+
+    return {
+        stop: stop
+    }
+}
+
+const resizeVideo = function(video, width, height) {
+    if (!video.parentNode) {
+        return;
+    }
+    if (video instanceof HTMLCanvasElement) {
+        video.videoWidth = video.width;
+        video.videoHeight = video.height;
+    }
+    var display = video.parentNode;
+    var parentSize = {
+        w: display.parentNode.clientWidth,
+        h: display.parentNode.clientHeight
+    };
+    var newSize;
+    if (width && height) {
+        newSize = downScaleToFitSize(width, height, parentSize.w, parentSize.h);
+    } else {
+        newSize = downScaleToFitSize(video.videoWidth, video.videoHeight, parentSize.w, parentSize.h);
+    }
+    display.style.width = newSize.w + "px";
+    display.style.height = newSize.h + "px";
+
+    //vertical align
+    var margin = 0;
+    if (parentSize.h - newSize.h > 1) {
+        margin = Math.floor((parentSize.h - newSize.h) / 2);
+    }
+    display.style.margin = margin + "px auto";
+    console.log("Resize from " + video.videoWidth + "x" + video.videoHeight + " to " + display.offsetWidth + "x" + display.offsetHeight);
+}
+
+const downScaleToFitSize = function(videoWidth, videoHeight, dstWidth, dstHeight) {
+    var newWidth, newHeight;
+    var videoRatio = videoWidth / videoHeight;
+    var dstRatio = dstWidth / dstHeight;
+    if (dstRatio > videoRatio) {
+        newHeight = dstHeight;
+        newWidth = Math.floor(videoRatio * dstHeight);
+    } else {
+        newWidth = dstWidth;
+        newHeight = Math.floor(dstWidth / videoRatio);
+    }
+    return {
+        w: newWidth,
+        h: newHeight
+    };
+}

package/src/commons/js/util.js

@@ -0,0 +1,202 @@
+const stripCodecs = function(sdp, codecs) {
+    if (!codecs.length) return sdp;
+    var sdpArray = sdp.split("\n");
+    var codecsArray = codecs.split(",");
+
+    //search and delete codecs line
+    var pt = [];
+    var i;
+    for (var p = 0; p < codecsArray.length; p++) {
+        console.log("Searching for codec " + codecsArray[p]);
+        for (i = 0; i < sdpArray.length; i++) {
+            if (sdpArray[i].search(new RegExp(codecsArray[p],'i')) !== -1 && sdpArray[i].indexOf("a=rtpmap") === 0) {
+                console.log(codecsArray[p] + " detected");
+                pt.push(sdpArray[i].match(/[0-9]+/)[0]);
+                sdpArray[i] = "";
+            }
+        }
+    }
+    if (pt.length) {
+        //searching for fmtp
+        for (p = 0; p < pt.length; p++) {
+            for (i = 0; i < sdpArray.length; i++) {
+                if (sdpArray[i].search("a=fmtp:" + pt[p]) !== -1 || sdpArray[i].search("a=rtcp-fb:" + pt[p]) !== -1) {
+                    sdpArray[i] = "";
+                }
+            }
+        }
+
+        //delete entries from m= line
+        for (i = 0; i < sdpArray.length; i++) {
+            if (sdpArray[i].search("m=audio") !== -1 || sdpArray[i].search("m=video") !== -1) {
+                var mLineSplitted = sdpArray[i].split(" ");
+                var newMLine = "";
+                for (var m = 0; m < mLineSplitted.length; m++) {
+                    if (pt.indexOf(mLineSplitted[m].trim()) === -1 || m <= 2) {
+                        newMLine += mLineSplitted[m];
+                        if (m < mLineSplitted.length - 1) {
+                            newMLine = newMLine + " ";
+                        }
+                    }
+                }
+                sdpArray[i] = newMLine;
+            }
+        }
+    }
+
+    //normalize sdp after modifications
+    var result = "";
+    for (i = 0; i < sdpArray.length; i++) {
+        if (sdpArray[i] !== "") {
+            result += sdpArray[i] + "\n";
+        }
+    }
+    return result;
+}
+
+const stripVideoCodecsExcept = function (sdp, codec) {
+    let actualStripCodec = "rtx";
+    if (codec === "VP8") {
+        actualStripCodec += ",H264";
+    } else if (codec === "H264") {
+        actualStripCodec += ",VP8";
+    } else {
+        return sdp;
+    }
+    return stripCodecs(sdp, actualStripCodec);
+}
+
+//Set WCS URL
+const setURL = function () {
+    var proto;
+    var url;
+    var port;
+    if (window.location.protocol == "http:") {
+        proto = "ws://";
+        port = "8080";
+    } else {
+        proto = "wss://";
+        port = "8443";
+    }
+
+    url = proto + window.location.hostname + ":" + port;
+    return url;
+}
+
+// Get URL parameter
+const getUrlParam = function (name) {
+    var url = window.location.href;
+    name = name.replace(/[\[\]]/g, "\\$&");
+    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+        results = regex.exec(url);
+    if (!results) return null;
+    if (!results[2]) return '';
+    return decodeURIComponent(results[2].replace(/\+/g, " "));
+}
+
+// Generate simple uuid
+const createUUID = function (length) {
+    var s = [];
+    var hexDigits = "0123456789abcdef";
+    for (var i = 0; i < 36; i++) {
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+    }
+    s[14] = "4";
+    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
+    s[8] = s[13] = s[18] = s[23] = "-";
+
+    var uuid = s.join("");
+
+    return uuid.substring(0, length);
+}
+
+const Browser = function() {
+    const isIE = function () {
+        return /*@cc_on!@*/false || !!document.documentMode;
+    }
+
+    const isFirefox = function () {
+        return typeof InstallTrigger !== 'undefined';
+    }
+
+    const isChrome = function () {
+        return !!window.chrome && /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor) && !/OPR/.test(navigator.userAgent);
+    }
+
+    const isEdge =  function () {
+        return !this.isIE() && !!window.StyleMedia;
+    }
+
+    const isOpera = function () {
+        return (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
+    }
+
+    const isiOS = function () {
+        return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+    }
+
+    const isSafari = function () {
+        let userAgent = navigator.userAgent.toLowerCase();
+        return /(safari|applewebkit)/i.test(userAgent) && !userAgent.includes("chrome") && !userAgent.includes("android");
+    }
+
+    const isAndroid = function () {
+        return navigator.userAgent.toLowerCase().indexOf("android") > -1;
+    }
+
+    const isSafariWebRTC = function () {
+        return navigator.mediaDevices && this.isSafari();
+    }
+    
+    const isSamsungBrowser = function () {
+        return /SamsungBrowser/i.test(navigator.userAgent);
+    }
+
+    const isAndroidFirefox = function () {
+        return this.isAndroid() && /Firefox/i.test(navigator.userAgent);
+    }
+
+    const isMobile = function () {
+        return this.isAndroid() || this.isiOS();
+    }
+    
+    return {
+        isIE: isIE,
+        isFirefox: isFirefox,
+        isChrome: isChrome,
+        isEdge: isEdge,
+        isOpera: isOpera,
+        isSafari: isSafari,
+        isSafariWebRTC: isSafariWebRTC,
+        isSamsungBrowser: isSamsungBrowser,
+        isAndroid: isAndroid,
+        isiOS: isiOS,
+        isAndroidFirefox: isAndroidFirefox,
+        isMobile: isMobile
+    }
+}
+
+
+const playFirstSound = function (parent, preloader) {
+    return new Promise(function (resolve, reject) {
+        let audio = document.createElement("audio");
+        audio.controls = "controls";
+        audio.muted = true;
+        audio.hidden = true;
+        audio.preload = "auto";
+        audio.type="audio/mpeg";
+        if (preloader) {
+            audio.src = preloader;
+            parent.appendChild(audio);
+            audio.play().then(function() {
+                audio.remove();
+                resolve();
+            }).catch(function (e) {
+                console.error("Can't play preloader: " + e);
+                reject();
+            });
+            return;
+        }
+        resolve();
+    });
+}

package/src/controller/dependencies/sigma/sigma.renderers.edgeLabels.min.js

@@ -0,0 +1 @@
+(function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.settings");var b={defaultEdgeLabelColor:"#000",defaultEdgeLabelActiveColor:"#000",defaultEdgeLabelSize:10,edgeLabelSize:"fixed",edgeLabelSizePowRatio:1,edgeLabelThreshold:1};sigma.settings=sigma.utils.extend(sigma.settings||{},b),sigma.settings.drawEdgeLabels=!0}).call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.canvas.edges.labels"),sigma.canvas.edges.labels.curve=function(a,b,c,d,e){if("string"==typeof a.label){var f=e("prefix")||"",g=a[f+"size"]||1;if(!(g<e("edgeLabelThreshold"))){var h,i,j,k=b[f+"size"],l=b[f+"x"],m=b[f+"y"],n=c[f+"x"],o=c[f+"y"],p=n-l,q=o-m,r=l<n?1:-1,s={},t=.5;b.id===c.id?(s=sigma.utils.getSelfLoopControlPoints(l,m,k),i=sigma.utils.getPointOnBezierCurve(t,l,m,n,o,s.x1,s.y1,s.x2,s.y2),j=Math.atan2(1,1)):(s=sigma.utils.getQuadraticControlPoint(l,m,n,o),i=sigma.utils.getPointOnQuadraticCurve(t,l,m,n,o,s.x,s.y),j=Math.atan2(q*r,p*r)),h="fixed"===e("edgeLabelSize")?e("defaultEdgeLabelSize"):e("defaultEdgeLabelSize")*g*Math.pow(g,-1/e("edgeLabelSizePowRatio")),d.save(),a.active?(d.font=[e("activeFontStyle"),h+"px",e("activeFont")||e("font")].join(" "),d.fillStyle="edge"===e("edgeActiveColor")?a.active_color||e("defaultEdgeActiveColor"):e("defaultEdgeLabelActiveColor")):(d.font=[e("fontStyle"),h+"px",e("font")].join(" "),d.fillStyle="edge"===e("edgeLabelColor")?a.color||e("defaultEdgeColor"):e("defaultEdgeLabelColor")),d.textAlign="center",d.textBaseline="alphabetic",d.translate(i.x,i.y),d.rotate(j),d.fillText(a.label,0,-g/2-3),d.restore()}}}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.canvas.edges.labels"),sigma.canvas.edges.labels.curvedArrow=function(a,b,c,d,e){sigma.canvas.edges.labels.curve(a,b,c,d,e)}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.canvas.edges.labels"),sigma.canvas.edges.labels.def=function(a,b,c,d,e){if("string"==typeof a.label&&b!=c){var f=e("prefix")||"",g=a[f+"size"]||1;if(!(g<e("edgeLabelThreshold"))){if(0===e("edgeLabelSizePowRatio"))throw'"edgeLabelSizePowRatio" must not be 0.';var h,i=(b[f+"x"]+c[f+"x"])/2,j=(b[f+"y"]+c[f+"y"])/2,k=c[f+"x"]-b[f+"x"],l=c[f+"y"]-b[f+"y"],m=b[f+"x"]<c[f+"x"]?1:-1,n=Math.atan2(l*m,k*m);h="fixed"===e("edgeLabelSize")?e("defaultEdgeLabelSize"):e("defaultEdgeLabelSize")*g*Math.pow(g,-1/e("edgeLabelSizePowRatio")),d.save(),a.active?(d.font=[e("activeFontStyle"),h+"px",e("activeFont")||e("font")].join(" "),d.fillStyle="edge"===e("edgeActiveColor")?a.active_color||e("defaultEdgeActiveColor"):e("defaultEdgeLabelActiveColor")):(d.font=[e("fontStyle"),h+"px",e("font")].join(" "),d.fillStyle="edge"===e("edgeLabelColor")?a.color||e("defaultEdgeColor"):e("defaultEdgeLabelColor")),d.textAlign="center",d.textBaseline="alphabetic",d.translate(i,j),d.rotate(n),d.fillText(a.label,0,-g/2-3),d.restore()}}}}.call(this);