@besovideo/webrtc-player 0.8.34 → 0.8.36

package/dist/main.es.js

@@ -1,4 +1,4 @@
-var kC=Object.defineProperty,xi=Object.defineProperties,Wi=Object.getOwnPropertyDescriptor,Zi=Object.getOwnPropertyDescriptors;var NC=Object.getOwnPropertySymbols;var ui=Object.prototype.hasOwnProperty,Vi=Object.prototype.propertyIsEnumerable;var tC=(A,g,I)=>g in A?kC(A,g,{enumerable:!0,configurable:!0,writable:!0,value:I}):A[g]=I,oA=(A,g)=>{for(var I in g||(g={}))ui.call(g,I)&&tC(A,I,g[I]);if(NC)for(var I of NC(g))Vi.call(g,I)&&tC(A,I,g[I]);return A},SI=(A,g)=>xi(A,Zi(g));var vI=(A,g,I,B)=>{for(var Q=B>1?void 0:B?Wi(g,I):g,C=A.length-1,E;C>=0;C--)(E=A[C])&&(Q=(B?E(g,I,Q):E(Q))||Q);return B&&Q&&kC(g,I,Q),Q};var HB=(A,g,I)=>{if(!g.has(A))throw TypeError("Cannot "+I)};var HA=(A,g,I)=>(HB(A,g,"read from private field"),I?I.call(A):g.get(A)),HI=(A,g,I)=>{if(g.has(A))throw TypeError("Cannot add the same private member more than once");g instanceof WeakSet?g.add(A):g.set(A,I)},qB=(A,g,I,B)=>(HB(A,g,"write to private field"),B?B.call(A,I):g.set(A,I),I);var KB=(A,g,I)=>(HB(A,g,"access private method"),I);var q=(A,g,I)=>new Promise((B,Q)=>{var C=D=>{try{i(I.next(D))}catch(a){Q(a)}},E=D=>{try{i(I.throw(D))}catch(a){Q(a)}},i=D=>D.done?B(D.value):Promise.resolve(D.value).then(C,E);i((I=I.apply(A,g)).next())});var F={NODE_ENV:"production",SH_LIB_NAME:"@besovideo/webrtc-player",SH_LIB_VERSION:"0.8.32",PROJECT_NAMESPACE:"bvplayer"};var vi=Object.defineProperty,Xi=Object.defineProperties,Pi=Object.getOwnPropertyDescriptors,cC=Object.getOwnPropertySymbols,Ti=Object.prototype.hasOwnProperty,zi=Object.prototype.propertyIsEnumerable,hC=(A,g,I)=>g in A?vi(A,g,{enumerable:!0,configurable:!0,writable:!0,value:I}):A[g]=I,Sg=(A,g)=>{for(var I in g||(g={}))Ti.call(g,I)&&hC(A,I,g[I]);if(cC)for(var I of cC(g))zi.call(g,I)&&hC(A,I,g[I]);return A},ji=(A,g)=>Xi(A,Pi(g)),qA;(function(A){A.red="#e72528",A.blue="#2a79af",A.weakBlue="#6eb6f4",A.geekblue="#85a5ff",A.gold="#ffd666",A.orange="#ffa940",A.cyan="#13c2c2",A.green="#52c41a",A.volcano="#fa541c",A.lime="#389e0d",A.pink="#eb2f96",A.purple="#722ed1",A.darkPurple="#292F4C",A.gray="#8c8c8c"})(qA||(qA={}));var dC=class{constructor(){this.colors=qA,this.shapes={slider:new eC}}},eC=class{constructor(){}title(A=""){return Fg`
+var kC=Object.defineProperty,xi=Object.defineProperties,Wi=Object.getOwnPropertyDescriptor,Zi=Object.getOwnPropertyDescriptors;var NC=Object.getOwnPropertySymbols;var ui=Object.prototype.hasOwnProperty,Vi=Object.prototype.propertyIsEnumerable;var tC=(A,g,I)=>g in A?kC(A,g,{enumerable:!0,configurable:!0,writable:!0,value:I}):A[g]=I,oA=(A,g)=>{for(var I in g||(g={}))ui.call(g,I)&&tC(A,I,g[I]);if(NC)for(var I of NC(g))Vi.call(g,I)&&tC(A,I,g[I]);return A},SI=(A,g)=>xi(A,Zi(g));var vI=(A,g,I,B)=>{for(var Q=B>1?void 0:B?Wi(g,I):g,C=A.length-1,E;C>=0;C--)(E=A[C])&&(Q=(B?E(g,I,Q):E(Q))||Q);return B&&Q&&kC(g,I,Q),Q};var HB=(A,g,I)=>{if(!g.has(A))throw TypeError("Cannot "+I)};var HA=(A,g,I)=>(HB(A,g,"read from private field"),I?I.call(A):g.get(A)),HI=(A,g,I)=>{if(g.has(A))throw TypeError("Cannot add the same private member more than once");g instanceof WeakSet?g.add(A):g.set(A,I)},qB=(A,g,I,B)=>(HB(A,g,"write to private field"),B?B.call(A,I):g.set(A,I),I);var KB=(A,g,I)=>(HB(A,g,"access private method"),I);var q=(A,g,I)=>new Promise((B,Q)=>{var C=D=>{try{i(I.next(D))}catch(a){Q(a)}},E=D=>{try{i(I.throw(D))}catch(a){Q(a)}},i=D=>D.done?B(D.value):Promise.resolve(D.value).then(C,E);i((I=I.apply(A,g)).next())});var F={NODE_ENV:"production",SH_LIB_NAME:"@besovideo/webrtc-player",SH_LIB_VERSION:"0.8.34",PROJECT_NAMESPACE:"bvplayer"};var vi=Object.defineProperty,Xi=Object.defineProperties,Pi=Object.getOwnPropertyDescriptors,cC=Object.getOwnPropertySymbols,Ti=Object.prototype.hasOwnProperty,zi=Object.prototype.propertyIsEnumerable,hC=(A,g,I)=>g in A?vi(A,g,{enumerable:!0,configurable:!0,writable:!0,value:I}):A[g]=I,Sg=(A,g)=>{for(var I in g||(g={}))Ti.call(g,I)&&hC(A,I,g[I]);if(cC)for(var I of cC(g))zi.call(g,I)&&hC(A,I,g[I]);return A},ji=(A,g)=>Xi(A,Pi(g)),qA;(function(A){A.red="#e72528",A.blue="#2a79af",A.weakBlue="#6eb6f4",A.geekblue="#85a5ff",A.gold="#ffd666",A.orange="#ffa940",A.cyan="#13c2c2",A.green="#52c41a",A.volcano="#fa541c",A.lime="#389e0d",A.pink="#eb2f96",A.purple="#722ed1",A.darkPurple="#292F4C",A.gray="#8c8c8c"})(qA||(qA={}));var dC=class{constructor(){this.colors=qA,this.shapes={slider:new eC}}},eC=class{constructor(){}title(A=""){return Fg`
       color: ${A};
       border-left: 3px solid ${A};
       padding: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besovideo/webrtc-player",
-  "version": "0.8.34",
+  "version": "0.8.36",
   "description": "@besovideo/webrtc-player desc",
   "type": "module",
   "types": "./dist/types/main.d.ts",

package/dist/index.html

@@ -1,21 +0,0 @@
-<!--
- * @Author: Shirtiny
- * @Date: 2021-06-25 15:39:30
- * @LastEditTime: 2021-12-28 12:25:31
- * @Description:
--->
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
-    <link rel="icon" href="./favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./index.css" />
-    <script defer src="./index.js"></script>
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>

package/dist/webgl-demo.html

@@ -1,24 +0,0 @@
-<!--
- * @Author: Shirtiny
- * @Date: 2022-01-19 14:54:26
- * @LastEditTime: 2022-01-19 14:55:11
- * @Description:
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>WebGL Demo</title>
-    <script
-      src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js"
-      integrity="sha512-zhHQR0/H5SEBL3Wn6yYSaTTZej12z0hVZKOv3TwCUXT1z5qeqGcXJLLrbERYRScEDDpYIJhPC1fk31gqR783iQ=="
-      crossorigin="anonymous"
-      defer
-    ></script>
-    <script src="./webgl-demo.js" defer></script>
-  </head>
-
-  <body>
-    <canvas id="glcanvas" width="640" height="480"></canvas>
-  </body>
-</html>

package/dist/webgl-demo.js

@@ -1,600 +0,0 @@
-/*
- * @Author: Shirtiny
- * @Date: 2022-01-19 14:55:28
- * @LastEditTime: 2022-01-19 14:59:20
- * @Description:
- */
-var cubeRotation = 0.0;
-// will set to true when video can be copied to texture
-var copyVideo = false;
-
-main();
-
-//
-// Start here
-//
-function main() {
-  const canvas = document.querySelector('#glcanvas');
-  const gl = canvas.getContext('webgl');
-
-  // If we don't have a GL context, give up now
-
-  if (!gl) {
-    alert('Unable to initialize WebGL. Your browser or machine may not support it.');
-    return;
-  }
-
-  // Vertex shader program
-
-  const vsSource = `
-    attribute vec4 aVertexPosition;
-    attribute vec3 aVertexNormal;
-    attribute vec2 aTextureCoord;
-
-    uniform mat4 uNormalMatrix;
-    uniform mat4 uModelViewMatrix;
-    uniform mat4 uProjectionMatrix;
-
-    varying highp vec2 vTextureCoord;
-    varying highp vec3 vLighting;
-
-    void main(void) {
-      gl_Position = uProjectionMatrix * uModelViewMatrix * aVertexPosition;
-      vTextureCoord = aTextureCoord;
-
-      // Apply lighting effect
-
-      highp vec3 ambientLight = vec3(0.3, 0.3, 0.3);
-      highp vec3 directionalLightColor = vec3(1, 1, 1);
-      highp vec3 directionalVector = normalize(vec3(0.85, 0.8, 0.75));
-
-      highp vec4 transformedNormal = uNormalMatrix * vec4(aVertexNormal, 1.0);
-
-      highp float directional = max(dot(transformedNormal.xyz, directionalVector), 0.0);
-      vLighting = ambientLight + (directionalLightColor * directional);
-    }
-  `;
-
-  // Fragment shader program
-
-  const fsSource = `
-    varying highp vec2 vTextureCoord;
-    varying highp vec3 vLighting;
-
-    uniform sampler2D uSampler;
-
-    void main(void) {
-      highp vec4 texelColor = texture2D(uSampler, vTextureCoord);
-
-      gl_FragColor = vec4(texelColor.rgb * vLighting, texelColor.a);
-    }
-  `;
-
-  // Initialize a shader program; this is where all the lighting
-  // for the vertices and so forth is established.
-  const shaderProgram = initShaderProgram(gl, vsSource, fsSource);
-
-  // Collect all the info needed to use the shader program.
-  // Look up which attributes our shader program is using
-  // for aVertexPosition, aVertexNormal, aTextureCoord,
-  // and look up uniform locations.
-  const programInfo = {
-    program: shaderProgram,
-    attribLocations: {
-      vertexPosition: gl.getAttribLocation(shaderProgram, 'aVertexPosition'),
-      vertexNormal: gl.getAttribLocation(shaderProgram, 'aVertexNormal'),
-      textureCoord: gl.getAttribLocation(shaderProgram, 'aTextureCoord'),
-    },
-    uniformLocations: {
-      projectionMatrix: gl.getUniformLocation(shaderProgram, 'uProjectionMatrix'),
-      modelViewMatrix: gl.getUniformLocation(shaderProgram, 'uModelViewMatrix'),
-      normalMatrix: gl.getUniformLocation(shaderProgram, 'uNormalMatrix'),
-      uSampler: gl.getUniformLocation(shaderProgram, 'uSampler'),
-    }
-  };
-
-  // Here's where we call the routine that builds all the
-  // objects we'll be drawing.
-  const buffers = initBuffers(gl);
-
-  const texture = initTexture(gl);
-
-  const video = setupVideo('test.mp4');
-
-  var then = 0;
-
-  // Draw the scene repeatedly
-  function render(now) {
-    now *= 0.001;  // convert to seconds
-    const deltaTime = now - then;
-    then = now;
-
-    if (copyVideo) {
-      updateTexture(gl, texture, video);
-    }
-
-    drawScene(gl, programInfo, buffers, texture, deltaTime);
-
-    requestAnimationFrame(render);
-  }
-  requestAnimationFrame(render);
-}
-
-function setupVideo(url) {
-  const video = document.createElement('video');
-
-  var playing = false;
-  var timeupdate = false;
-
-  video.autoplay = true;
-  video.muted = true;
-  video.loop = true;
-
-  // Waiting for these 2 events ensures
-  // there is data in the video
-
-  video.addEventListener('playing', function() {
-     playing = true;
-     checkReady();
-  }, true);
-
-  video.addEventListener('timeupdate', function() {
-     timeupdate = true;
-     checkReady();
-  }, true);
-
-  video.src = url;
-  video.play();
-
-  function checkReady() {
-    if (playing && timeupdate) {
-      copyVideo = true;
-    }
-  }
-
-  return video;
-}
-
-//
-// initBuffers
-//
-// Initialize the buffers we'll need. For this demo, we just
-// have one object -- a simple three-dimensional cube.
-//
-function initBuffers(gl) {
-
-  // Create a buffer for the cube's vertex positions.
-
-  const positionBuffer = gl.createBuffer();
-
-  // Select the positionBuffer as the one to apply buffer
-  // operations to from here out.
-
-  gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
-
-  // Now create an array of positions for the cube.
-
-  const positions = [
-    // Front face
-    -1.0, -1.0,  1.0,
-     1.0, -1.0,  1.0,
-     1.0,  1.0,  1.0,
-    -1.0,  1.0,  1.0,
-
-    // Back face
-    -1.0, -1.0, -1.0,
-    -1.0,  1.0, -1.0,
-     1.0,  1.0, -1.0,
-     1.0, -1.0, -1.0,
-
-    // Top face
-    -1.0,  1.0, -1.0,
-    -1.0,  1.0,  1.0,
-     1.0,  1.0,  1.0,
-     1.0,  1.0, -1.0,
-
-    // Bottom face
-    -1.0, -1.0, -1.0,
-     1.0, -1.0, -1.0,
-     1.0, -1.0,  1.0,
-    -1.0, -1.0,  1.0,
-
-    // Right face
-     1.0, -1.0, -1.0,
-     1.0,  1.0, -1.0,
-     1.0,  1.0,  1.0,
-     1.0, -1.0,  1.0,
-
-    // Left face
-    -1.0, -1.0, -1.0,
-    -1.0, -1.0,  1.0,
-    -1.0,  1.0,  1.0,
-    -1.0,  1.0, -1.0,
-  ];
-
-  // Now pass the list of positions into WebGL to build the
-  // shape. We do this by creating a Float32Array from the
-  // JavaScript array, then use it to fill the current buffer.
-
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW);
-
-  // Set up the normals for the vertices, so that we can compute lighting.
-
-  const normalBuffer = gl.createBuffer();
-  gl.bindBuffer(gl.ARRAY_BUFFER, normalBuffer);
-
-  const vertexNormals = [
-    // Front
-     0.0,  0.0,  1.0,
-     0.0,  0.0,  1.0,
-     0.0,  0.0,  1.0,
-     0.0,  0.0,  1.0,
-
-    // Back
-     0.0,  0.0, -1.0,
-     0.0,  0.0, -1.0,
-     0.0,  0.0, -1.0,
-     0.0,  0.0, -1.0,
-
-    // Top
-     0.0,  1.0,  0.0,
-     0.0,  1.0,  0.0,
-     0.0,  1.0,  0.0,
-     0.0,  1.0,  0.0,
-
-    // Bottom
-     0.0, -1.0,  0.0,
-     0.0, -1.0,  0.0,
-     0.0, -1.0,  0.0,
-     0.0, -1.0,  0.0,
-
-    // Right
-     1.0,  0.0,  0.0,
-     1.0,  0.0,  0.0,
-     1.0,  0.0,  0.0,
-     1.0,  0.0,  0.0,
-
-    // Left
-    -1.0,  0.0,  0.0,
-    -1.0,  0.0,  0.0,
-    -1.0,  0.0,  0.0,
-    -1.0,  0.0,  0.0,
-  ];
-
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertexNormals),
-                gl.STATIC_DRAW);
-
-  // Now set up the texture coordinates for the faces.
-
-  const textureCoordBuffer = gl.createBuffer();
-  gl.bindBuffer(gl.ARRAY_BUFFER, textureCoordBuffer);
-
-  const textureCoordinates = [
-    // Front
-    0.0,  0.0,
-    1.0,  0.0,
-    1.0,  1.0,
-    0.0,  1.0,
-    // Back
-    0.0,  0.0,
-    1.0,  0.0,
-    1.0,  1.0,
-    0.0,  1.0,
-    // Top
-    0.0,  0.0,
-    1.0,  0.0,
-    1.0,  1.0,
-    0.0,  1.0,
-    // Bottom
-    0.0,  0.0,
-    1.0,  0.0,
-    1.0,  1.0,
-    0.0,  1.0,
-    // Right
-    0.0,  0.0,
-    1.0,  0.0,
-    1.0,  1.0,
-    0.0,  1.0,
-    // Left
-    0.0,  0.0,
-    1.0,  0.0,
-    1.0,  1.0,
-    0.0,  1.0,
-  ];
-
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(textureCoordinates),
-                gl.STATIC_DRAW);
-
-  // Build the element array buffer; this specifies the indices
-  // into the vertex arrays for each face's vertices.
-
-  const indexBuffer = gl.createBuffer();
-  gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer);
-
-  // This array defines each face as two triangles, using the
-  // indices into the vertex array to specify each triangle's
-  // position.
-
-  const indices = [
-    0,  1,  2,      0,  2,  3,    // front
-    4,  5,  6,      4,  6,  7,    // back
-    8,  9,  10,     8,  10, 11,   // top
-    12, 13, 14,     12, 14, 15,   // bottom
-    16, 17, 18,     16, 18, 19,   // right
-    20, 21, 22,     20, 22, 23,   // left
-  ];
-
-  // Now send the element array to GL
-
-  gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,
-      new Uint16Array(indices), gl.STATIC_DRAW);
-
-  return {
-    position: positionBuffer,
-    normal: normalBuffer,
-    textureCoord: textureCoordBuffer,
-    indices: indexBuffer,
-  };
-}
-
-//
-// Initialize a texture.
-//
-function initTexture(gl, url) {
-  const texture = gl.createTexture();
-  gl.bindTexture(gl.TEXTURE_2D, texture);
-
-  // Because video havs to be download over the internet
-  // they might take a moment until it's ready so
-  // put a single pixel in the texture so we can
-  // use it immediately.
-  const level = 0;
-  const internalFormat = gl.RGBA;
-  const width = 1;
-  const height = 1;
-  const border = 0;
-  const srcFormat = gl.RGBA;
-  const srcType = gl.UNSIGNED_BYTE;
-  const pixel = new Uint8Array([0, 0, 255, 255]);  // opaque blue
-  gl.texImage2D(gl.TEXTURE_2D, level, internalFormat,
-                width, height, border, srcFormat, srcType,
-                pixel);
-
-  // Turn off mips and set  wrapping to clamp to edge so it
-  // will work regardless of the dimensions of the video.
-  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-  return texture;
-}
-
-//
-// copy the video texture
-//
-function updateTexture(gl, texture, video) {
-  const level = 0;
-  const internalFormat = gl.RGBA;
-  const srcFormat = gl.RGBA;
-  const srcType = gl.UNSIGNED_BYTE;
-  gl.bindTexture(gl.TEXTURE_2D, texture);
-  gl.texImage2D(gl.TEXTURE_2D, level, internalFormat,
-                srcFormat, srcType, video);
-}
-
-function isPowerOf2(value) {
-  return (value & (value - 1)) == 0;
-}
-
-//
-// Draw the scene.
-//
-function drawScene(gl, programInfo, buffers, texture, deltaTime) {
-  gl.clearColor(0.0, 0.0, 0.0, 1.0);  // Clear to black, fully opaque
-  gl.clearDepth(1.0);                 // Clear everything
-  gl.enable(gl.DEPTH_TEST);           // Enable depth testing
-  gl.depthFunc(gl.LEQUAL);            // Near things obscure far things
-
-  // Clear the canvas before we start drawing on it.
-
-  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-
-  // Create a perspective matrix, a special matrix that is
-  // used to simulate the distortion of perspective in a camera.
-  // Our field of view is 45 degrees, with a width/height
-  // ratio that matches the display size of the canvas
-  // and we only want to see objects between 0.1 units
-  // and 100 units away from the camera.
-
-  const fieldOfView = 45 * Math.PI / 180;   // in radians
-  const aspect = gl.canvas.clientWidth / gl.canvas.clientHeight;
-  const zNear = 0.1;
-  const zFar = 100.0;
-  const projectionMatrix = mat4.create();
-
-  // note: glmatrix.js always has the first argument
-  // as the destination to receive the result.
-  mat4.perspective(projectionMatrix,
-                   fieldOfView,
-                   aspect,
-                   zNear,
-                   zFar);
-
-  // Set the drawing position to the "identity" point, which is
-  // the center of the scene.
-  const modelViewMatrix = mat4.create();
-
-  // Now move the drawing position a bit to where we want to
-  // start drawing the square.
-
-  mat4.translate(modelViewMatrix,     // destination matrix
-                 modelViewMatrix,     // matrix to translate
-                 [-0.0, 0.0, -6.0]);  // amount to translate
-  mat4.rotate(modelViewMatrix,  // destination matrix
-              modelViewMatrix,  // matrix to rotate
-              cubeRotation,     // amount to rotate in radians
-              [0, 0, 1]);       // axis to rotate around (Z)
-  mat4.rotate(modelViewMatrix,  // destination matrix
-              modelViewMatrix,  // matrix to rotate
-              cubeRotation * .7,// amount to rotate in radians
-              [0, 1, 0]);       // axis to rotate around (X)
-
-  const normalMatrix = mat4.create();
-  mat4.invert(normalMatrix, modelViewMatrix);
-  mat4.transpose(normalMatrix, normalMatrix);
-
-  // Tell WebGL how to pull out the positions from the position
-  // buffer into the vertexPosition attribute
-  {
-    const numComponents = 3;
-    const type = gl.FLOAT;
-    const normalize = false;
-    const stride = 0;
-    const offset = 0;
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffers.position);
-    gl.vertexAttribPointer(
-        programInfo.attribLocations.vertexPosition,
-        numComponents,
-        type,
-        normalize,
-        stride,
-        offset);
-    gl.enableVertexAttribArray(
-        programInfo.attribLocations.vertexPosition);
-  }
-
-  // Tell WebGL how to pull out the texture coordinates from
-  // the texture coordinate buffer into the textureCoord attribute.
-  {
-    const numComponents = 2;
-    const type = gl.FLOAT;
-    const normalize = false;
-    const stride = 0;
-    const offset = 0;
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffers.textureCoord);
-    gl.vertexAttribPointer(
-        programInfo.attribLocations.textureCoord,
-        numComponents,
-        type,
-        normalize,
-        stride,
-        offset);
-    gl.enableVertexAttribArray(
-        programInfo.attribLocations.textureCoord);
-  }
-
-  // Tell WebGL how to pull out the normals from
-  // the normal buffer into the vertexNormal attribute.
-  {
-    const numComponents = 3;
-    const type = gl.FLOAT;
-    const normalize = false;
-    const stride = 0;
-    const offset = 0;
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffers.normal);
-    gl.vertexAttribPointer(
-        programInfo.attribLocations.vertexNormal,
-        numComponents,
-        type,
-        normalize,
-        stride,
-        offset);
-    gl.enableVertexAttribArray(
-        programInfo.attribLocations.vertexNormal);
-  }
-
-  // Tell WebGL which indices to use to index the vertices
-  gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, buffers.indices);
-
-  // Tell WebGL to use our program when drawing
-
-  gl.useProgram(programInfo.program);
-
-  // Set the shader uniforms
-
-  gl.uniformMatrix4fv(
-      programInfo.uniformLocations.projectionMatrix,
-      false,
-      projectionMatrix);
-  gl.uniformMatrix4fv(
-      programInfo.uniformLocations.modelViewMatrix,
-      false,
-      modelViewMatrix);
-  gl.uniformMatrix4fv(
-      programInfo.uniformLocations.normalMatrix,
-      false,
-      normalMatrix);
-
-  // Specify the texture to map onto the faces.
-
-  // Tell WebGL we want to affect texture unit 0
-  gl.activeTexture(gl.TEXTURE0);
-
-  // Bind the texture to texture unit 0
-  gl.bindTexture(gl.TEXTURE_2D, texture);
-
-  // Tell the shader we bound the texture to texture unit 0
-  gl.uniform1i(programInfo.uniformLocations.uSampler, 0);
-
-  {
-    const vertexCount = 36;
-    const type = gl.UNSIGNED_SHORT;
-    const offset = 0;
-    gl.drawElements(gl.TRIANGLES, vertexCount, type, offset);
-  }
-
-  // Update the rotation for the next draw
-
-  cubeRotation += deltaTime;
-}
-
-//
-// Initialize a shader program, so WebGL knows how to draw our data
-//
-function initShaderProgram(gl, vsSource, fsSource) {
-  const vertexShader = loadShader(gl, gl.VERTEX_SHADER, vsSource);
-  const fragmentShader = loadShader(gl, gl.FRAGMENT_SHADER, fsSource);
-
-  // Create the shader program
-
-  const shaderProgram = gl.createProgram();
-  gl.attachShader(shaderProgram, vertexShader);
-  gl.attachShader(shaderProgram, fragmentShader);
-  gl.linkProgram(shaderProgram);
-
-  // If creating the shader program failed, alert
-
-  if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-    alert('Unable to initialize the shader program: ' + gl.getProgramInfoLog(shaderProgram));
-    return null;
-  }
-
-  return shaderProgram;
-}
-
-//
-// creates a shader of the given type, uploads the source and
-// compiles it.
-//
-function loadShader(gl, type, source) {
-  const shader = gl.createShader(type);
-
-  // Send the source to the shader object
-
-  gl.shaderSource(shader, source);
-
-  // Compile the shader program
-
-  gl.compileShader(shader);
-
-  // See if it compiled successfully
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert('An error occurred compiling the shaders: ' + gl.getShaderInfoLog(shader));
-    gl.deleteShader(shader);
-    return null;
-  }
-
-  return shader;
-}
-

package/dist/webrtc.report.html

@@ -1,506 +0,0 @@
-<!--
- * @Author: Shirtiny
- * @Date: 2021-12-15 09:59:59
- * @LastEditTime: 2021-12-15 10:05:13
- * @Description:
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
-</head>
-<body>
-  <h2>Report: certificate</h2>
-  <strong>ID:</strong> RTCCertificate_10:20:E9:A9:D9:D7:39:97:E5:BB:C4:82:98:D5:00:14:44:96:17:B3:FD:F7:C0:37:0A:A4:0E:43:D4:7E:F1:4D<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>fingerprint:</strong> 10:20:E9:A9:D9:D7:39:97:E5:BB:C4:82:98:D5:00:14:44:96:17:B3:FD:F7:C0:37:0A:A4:0E:43:D4:7E:F1:4D<br>
-  <strong>fingerprintAlgorithm:</strong> sha-256<br>
-  <strong>base64Certificate:</strong> MIIBtjCCAVygAwIBAgIRAwwnU4zI7QZzipmdsZx4HNEwCgYIKoZIzj0EAwIwKzEpMCcGA1UEAxMgMTEyN2U2NDcxMmJmZmMxNWFjNWFiMzk4YjI0NGI3MmYwHhcNMjExMTMwMDc0MDA1WhcNMjExMjMwMDc0MDA1WjArMSkwJwYDVQQDEyAxMTI3ZTY0NzEyYmZmYzE1YWM1YWIzOThiMjQ0YjcyZjBZMBMGByqGSM49AgEGCCqGSM49AwEHA0IABBa33UnxpmCjk3iZikqnDfCvQuWEHXOZngRDBLwykhq9PIZbYAtDnFfZ99tY1xHMMhVhmKlG8xxxr+INEV/vy+mjYTBfMA4GA1UdDwEB/wQEAwIFoDAdBgNVHSUEFjAUBggrBgEFBQcDAgYIKwYBBQUHAwEwDwYDVR0TAQH/BAUwAwEB/zAdBgNVHQ4EFgQUNQVTg0PcemhcgbisQPGuqzHM4fswCgYIKoZIzj0EAwIDSAAwRQIgWVa3QtLo3MkW8nqk6RYl5DPZmqWd2V64AHFlS60B7ekCIQDCIG6SB35gdC41zBLLGIe+U3kgCVKI9nckk1X5YUjQ0g==<br>
-  <h2>Report: certificate</h2>
-  <strong>ID:</strong> RTCCertificate_CF:4A:F1:C5:B5:83:0A:89:AF:2C:53:19:0D:29:39:22:76:0C:51:5D:90:AB:69:F1:BD:29:C2:AC:42:58:53:E3<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>fingerprint:</strong> CF:4A:F1:C5:B5:83:0A:89:AF:2C:53:19:0D:29:39:22:76:0C:51:5D:90:AB:69:F1:BD:29:C2:AC:42:58:53:E3<br>
-  <strong>fingerprintAlgorithm:</strong> sha-256<br>
-  <strong>base64Certificate:</strong> MIIBFTCBvaADAgECAgkAg4SPRKDKvzMwCgYIKoZIzj0EAwIwETEPMA0GA1UEAwwGV2ViUlRDMB4XDTIxMTIxNDAyMDQ1OFoXDTIyMDExNDAyMDQ1OFowETEPMA0GA1UEAwwGV2ViUlRDMFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAEC8PnJ1YRp0F/opAzoJ82x9M61V+UMFy9IlgP1LoM+QuNg4vs8g7iz0BeDhcK8f77NXQd0EIXBZzcOuLuaUXfCjAKBggqhkjOPQQDAgNHADBEAiA3GQWLSSIHuX+eaywcmNtwWrRe0yqEKLZQEmudrgAxRQIgaiERaTzxs3olW+w9a3+5jy99yCCjJJBmnBc2hrNl22Y=<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_0<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 0<br>
-  <strong>mimeType:</strong> audio/PCMU<br>
-  <strong>clockRate:</strong> 8000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_103<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 103<br>
-  <strong>mimeType:</strong> audio/ISAC<br>
-  <strong>clockRate:</strong> 16000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_104<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 104<br>
-  <strong>mimeType:</strong> audio/ISAC<br>
-  <strong>clockRate:</strong> 32000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_105<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 105<br>
-  <strong>mimeType:</strong> audio/CN<br>
-  <strong>clockRate:</strong> 16000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_106<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 106<br>
-  <strong>mimeType:</strong> audio/CN<br>
-  <strong>clockRate:</strong> 32000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_110<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 110<br>
-  <strong>mimeType:</strong> audio/telephone-event<br>
-  <strong>clockRate:</strong> 48000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_111<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 111<br>
-  <strong>mimeType:</strong> audio/opus<br>
-  <strong>clockRate:</strong> 48000<br>
-  <strong>channels:</strong> 2<br>
-  <strong>sdpFmtpLine:</strong> minptime=10;useinbandfec=1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_112<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 112<br>
-  <strong>mimeType:</strong> audio/telephone-event<br>
-  <strong>clockRate:</strong> 32000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_113<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 113<br>
-  <strong>mimeType:</strong> audio/telephone-event<br>
-  <strong>clockRate:</strong> 16000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_126<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 126<br>
-  <strong>mimeType:</strong> audio/telephone-event<br>
-  <strong>clockRate:</strong> 8000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_13<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 13<br>
-  <strong>mimeType:</strong> audio/CN<br>
-  <strong>clockRate:</strong> 8000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_63<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 63<br>
-  <strong>mimeType:</strong> audio/red<br>
-  <strong>clockRate:</strong> 48000<br>
-  <strong>channels:</strong> 2<br>
-  <strong>sdpFmtpLine:</strong> 111/111<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_8<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 8<br>
-  <strong>mimeType:</strong> audio/PCMA<br>
-  <strong>clockRate:</strong> 8000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Inbound_9<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 9<br>
-  <strong>mimeType:</strong> audio/G722<br>
-  <strong>clockRate:</strong> 8000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_0_Outbound_8<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 8<br>
-  <strong>mimeType:</strong> audio/PCMA<br>
-  <strong>clockRate:</strong> 8000<br>
-  <strong>channels:</strong> 1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_100<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 100<br>
-  <strong>mimeType:</strong> video/VP9<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> profile-id=2<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_101<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 101<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=100<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_102<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 102<br>
-  <strong>mimeType:</strong> video/H264<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42001f<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_107<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 107<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=125<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_108<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 108<br>
-  <strong>mimeType:</strong> video/H264<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> level-asymmetry-allowed=1;packetization-mode=0;profile-level-id=42e01f<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_109<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 109<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=108<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_114<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 114<br>
-  <strong>mimeType:</strong> video/red<br>
-  <strong>clockRate:</strong> 90000<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_115<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 115<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=114<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_116<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 116<br>
-  <strong>mimeType:</strong> video/ulpfec<br>
-  <strong>clockRate:</strong> 90000<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_118<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 118<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=123<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_119<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 119<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=124<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_120<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 120<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=127<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_121<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 121<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=102<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_122<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 122<br>
-  <strong>mimeType:</strong> video/VP9<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> profile-id=1<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_123<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 123<br>
-  <strong>mimeType:</strong> video/H264<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=64001f<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_124<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 124<br>
-  <strong>mimeType:</strong> video/H264<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=4d001f<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_125<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 125<br>
-  <strong>mimeType:</strong> video/H264<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e01f<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_127<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 127<br>
-  <strong>mimeType:</strong> video/H264<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> level-asymmetry-allowed=1;packetization-mode=0;profile-level-id=42001f<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_35<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 35<br>
-  <strong>mimeType:</strong> video/flexfec-03<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> repair-window=10000000<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_96<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 96<br>
-  <strong>mimeType:</strong> video/VP8<br>
-  <strong>clockRate:</strong> 90000<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_97<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 97<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=96<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_98<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 98<br>
-  <strong>mimeType:</strong> video/VP9<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> profile-id=0<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Inbound_99<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 99<br>
-  <strong>mimeType:</strong> video/rtx<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> apt=98<br>
-  <h2>Report: codec</h2>
-  <strong>ID:</strong> RTCCodec_1_Outbound_102<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>payloadType:</strong> 102<br>
-  <strong>mimeType:</strong> video/H264<br>
-  <strong>clockRate:</strong> 90000<br>
-  <strong>sdpFmtpLine:</strong> sprop-parameter-sets=Z0KAKNoB4AifllIKBAQNoUJq,aM4G8g==<br>
-  <h2>Report: candidate-pair</h2>
-  <strong>ID:</strong> RTCIceCandidatePair_CaXxjXAc_bDJ9G6HY<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>localCandidateId:</strong> RTCIceCandidate_CaXxjXAc<br>
-  <strong>remoteCandidateId:</strong> RTCIceCandidate_bDJ9G6HY<br>
-  <strong>state:</strong> succeeded<br>
-  <strong>priority:</strong> 7962116751007154000<br>
-  <strong>nominated:</strong> true<br>
-  <strong>writable:</strong> true<br>
-  <strong>packetsSent:</strong> 8<br>
-  <strong>packetsReceived:</strong> 1063<br>
-  <strong>bytesSent:</strong> 1070<br>
-  <strong>bytesReceived:</strong> 979874<br>
-  <strong>totalRoundTripTime:</strong> 0.439<br>
-  <strong>currentRoundTripTime:</strong> 0.003<br>
-  <strong>availableOutgoingBitrate:</strong> 300000<br>
-  <strong>requestsReceived:</strong> 0<br>
-  <strong>requestsSent:</strong> 4<br>
-  <strong>responsesReceived:</strong> 5<br>
-  <strong>responsesSent:</strong> 0<br>
-  <strong>consentRequestsSent:</strong> 1<br>
-  <strong>packetsDiscardedOnSend:</strong> 0<br>
-  <strong>bytesDiscardedOnSend:</strong> 0<br>
-  <h2>Report: local-candidate</h2>
-  <strong>ID:</strong> RTCIceCandidate_CaXxjXAc<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>isRemote:</strong> false<br>
-  <strong>networkType:</strong> ethernet<br>
-  <strong>ip:</strong> 192.168.6.250<br>
-  <strong>address:</strong> 192.168.6.250<br>
-  <strong>port:</strong> 63228<br>
-  <strong>protocol:</strong> udp<br>
-  <strong>candidateType:</strong> prflx<br>
-  <strong>priority:</strong> 1853824767<br>
-  <h2>Report: remote-candidate</h2>
-  <strong>ID:</strong> RTCIceCandidate_bDJ9G6HY<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>isRemote:</strong> true<br>
-  <strong>ip:</strong> 192.168.88.11<br>
-  <strong>address:</strong> 192.168.88.11<br>
-  <strong>port:</strong> 9703<br>
-  <strong>protocol:</strong> udp<br>
-  <strong>candidateType:</strong> host<br>
-  <strong>priority:</strong> 2113667327<br>
-  <h2>Report: inbound-rtp</h2>
-  <strong>ID:</strong> RTCInboundRTPAudioStream_36094<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>ssrc:</strong> 36094<br>
-  <strong>kind:</strong> audio<br>
-  <strong>trackId:</strong> RTCMediaStreamTrack_receiver_9<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>codecId:</strong> RTCCodec_0_Inbound_8<br>
-  <strong>mediaType:</strong> audio<br>
-  <strong>jitter:</strong> 0.052<br>
-  <strong>packetsLost:</strong> 0<br>
-  <strong>packetsDiscarded:</strong> 4<br>
-  <strong>packetsReceived:</strong> 49<br>
-  <strong>fecPacketsReceived:</strong> 0<br>
-  <strong>fecPacketsDiscarded:</strong> 0<br>
-  <strong>bytesReceived:</strong> 15680<br>
-  <strong>headerBytesReceived:</strong> 588<br>
-  <strong>lastPacketReceivedTimestamp:</strong> 1639533903395<br>
-  <strong>jitterBufferDelay:</strong> 2364.8<br>
-  <strong>jitterBufferEmittedCount:</strong> 11200<br>
-  <strong>totalSamplesReceived:</strong> 20240<br>
-  <strong>concealedSamples:</strong> 7688<br>
-  <strong>silentConcealedSamples:</strong> 3424<br>
-  <strong>concealmentEvents:</strong> 11<br>
-  <strong>insertedSamplesForDeceleration:</strong> 1510<br>
-  <strong>removedSamplesForAcceleration:</strong> 152<br>
-  <strong>audioLevel:</strong> 0.010010071108127079<br>
-  <strong>totalAudioEnergy:</strong> 0.00013926383727749428<br>
-  <strong>totalSamplesDuration:</strong> 2.289999999999995<br>
-  <h2>Report: inbound-rtp</h2>
-  <strong>ID:</strong> RTCInboundRTPVideoStream_36095<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>ssrc:</strong> 36095<br>
-  <strong>kind:</strong> video<br>
-  <strong>trackId:</strong> RTCMediaStreamTrack_receiver_10<br>
-  <strong>transportId:</strong> RTCTransport_0_1<br>
-  <strong>codecId:</strong> RTCCodec_1_Inbound_102<br>
-  <strong>mediaType:</strong> video<br>
-  <strong>jitter:</strong> 0.042<br>
-  <strong>packetsLost:</strong> 0<br>
-  <strong>packetsReceived:</strong> 1001<br>
-  <strong>bytesReceived:</strong> 939769<br>
-  <strong>headerBytesReceived:</strong> 12012<br>
-  <strong>lastPacketReceivedTimestamp:</strong> 1639533903397<br>
-  <strong>jitterBufferDelay:</strong> 3.764<br>
-  <strong>jitterBufferEmittedCount:</strong> 38<br>
-  <strong>framesReceived:</strong> 51<br>
-  <strong>frameWidth:</strong> 1920<br>
-  <strong>frameHeight:</strong> 1080<br>
-  <strong>framesPerSecond:</strong> 20<br>
-  <strong>framesDecoded:</strong> 40<br>
-  <strong>keyFramesDecoded:</strong> 2<br>
-  <strong>framesDropped:</strong> 5<br>
-  <strong>totalDecodeTime:</strong> 0.506<br>
-  <strong>totalInterFrameDelay:</strong> 1.771<br>
-  <strong>totalSquaredInterFrameDelay:</strong> 0.2622270000000001<br>
-  <strong>decoderImplementation:</strong> ExternalDecoder<br>
-  <strong>firCount:</strong> 0<br>
-  <strong>pliCount:</strong> 2<br>
-  <strong>nackCount:</strong> 0<br>
-  <h2>Report: track</h2>
-  <strong>ID:</strong> RTCMediaStreamTrack_receiver_10<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>trackIdentifier:</strong> 04d718e5-f6b3-4a99-9da5-8391b6c72e40<br>
-  <strong>remoteSource:</strong> true<br>
-  <strong>ended:</strong> false<br>
-  <strong>detached:</strong> false<br>
-  <strong>kind:</strong> video<br>
-  <strong>jitterBufferDelay:</strong> 3.764<br>
-  <strong>jitterBufferEmittedCount:</strong> 38<br>
-  <strong>frameWidth:</strong> 1920<br>
-  <strong>frameHeight:</strong> 1080<br>
-  <strong>framesReceived:</strong> 51<br>
-  <strong>framesDecoded:</strong> 40<br>
-  <strong>framesDropped:</strong> 5<br>
-  <h2>Report: track</h2>
-  <strong>ID:</strong> RTCMediaStreamTrack_receiver_9<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>trackIdentifier:</strong> 7f28f6f0-d79e-468b-a651-c7532431da49<br>
-  <strong>remoteSource:</strong> true<br>
-  <strong>ended:</strong> false<br>
-  <strong>detached:</strong> false<br>
-  <strong>kind:</strong> audio<br>
-  <strong>jitterBufferDelay:</strong> 2364.8<br>
-  <strong>jitterBufferEmittedCount:</strong> 11200<br>
-  <strong>audioLevel:</strong> 0.010010071108127079<br>
-  <strong>totalAudioEnergy:</strong> 0.00013926383727749428<br>
-  <strong>totalSamplesReceived:</strong> 20240<br>
-  <strong>totalSamplesDuration:</strong> 2.289999999999995<br>
-  <strong>concealedSamples:</strong> 7688<br>
-  <strong>silentConcealedSamples:</strong> 3424<br>
-  <strong>concealmentEvents:</strong> 11<br>
-  <strong>insertedSamplesForDeceleration:</strong> 1510<br>
-  <strong>removedSamplesForAcceleration:</strong> 152<br>
-  <h2>Report: stream</h2>
-  <strong>ID:</strong> RTCMediaStream_smarteye<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>streamIdentifier:</strong> smarteye<br>
-  <strong>trackIds:</strong> RTCMediaStreamTrack_receiver_9,RTCMediaStreamTrack_receiver_10<br>
-  <h2>Report: peer-connection</h2>
-  <strong>ID:</strong> RTCPeerConnection<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>dataChannelsOpened:</strong> 0<br>
-  <strong>dataChannelsClosed:</strong> 0<br>
-  <h2>Report: transport</h2>
-  <strong>ID:</strong> RTCTransport_0_1<br>
-  <strong>Timestamp:</strong> 1639533903510<br>
-  <strong>bytesSent:</strong> 1070<br>
-  <strong>packetsSent:</strong> 8<br>
-  <strong>bytesReceived:</strong> 979874<br>
-  <strong>packetsReceived:</strong> 1063<br>
-  <strong>dtlsState:</strong> connected<br>
-  <strong>selectedCandidatePairId:</strong> RTCIceCandidatePair_CaXxjXAc_bDJ9G6HY<br>
-  <strong>localCertificateId:</strong> RTCCertificate_CF:4A:F1:C5:B5:83:0A:89:AF:2C:53:19:0D:29:39:22:76:0C:51:5D:90:AB:69:F1:BD:29:C2:AC:42:58:53:E3<br>
-  <strong>remoteCertificateId:</strong> RTCCertificate_10:20:E9:A9:D9:D7:39:97:E5:BB:C4:82:98:D5:00:14:44:96:17:B3:FD:F7:C0:37:0A:A4:0E:43:D4:7E:F1:4D<br>
-  <strong>tlsVersion:</strong> FEFD<br>
-  <strong>dtlsCipher:</strong> TLS_ECDHE_ECDSA_WITH_AES_128_GCM_SHA256<br>
-  <strong>srtpCipher:</strong> AES_CM_128_HMAC_SHA1_80<br>
-  <strong>selectedCandidatePairChanges:</strong> 1<br>
-</body>
-</html>