@brandbrigade/ott-bb-player 1.0.45 → 1.0.48

package/src/Augmentor.js

@@ -1,1288 +0,0 @@
-import Composer3DForMainThread from "./Composer3DForMainThread";
-import Composer3dWorker from "./Composer3DWorker";
-import { RenderingMode } from "./enums/RenderingMode";
-import Ads from "./Ads";
-import {
-  Platform,
-  printTimecode,
-  frames2Timecode,
-  timecode2Frames,
-  timeDate2TC,
-  timeDate2TCString,
-} from "./utils";
-import MetaDataFetcher from "./MetaDataFetcher";
-
-export default class Augmentor {
-  metaDataFetcher = null;
-  composer = null;
-  ctxGl = null;
-  firstFrameTimecode = [0, 0, 0, 0, 0];
-
-  constructor(video, options) {
-    this.options = options;
-    this.video = video;
-    this.onFrameVideoChromeMac = this.onFrameVideoChromeMac.bind(this);
-    this.onFrameVideoChromeWin = this.onFrameVideoChromeWin.bind(this);
-    this.onAnimatedFrameSafari = this.onAnimatedFrameSafari.bind(this);
-    this.onAnimatedFrameChromeWin = this.onAnimatedFrameChromeWin.bind(this);
-    this.onAnimatedFrameChromeMac = this.onAnimatedFrameChromeMac.bind(this);
-    this.calculateBlackBars = this.calculateBlackBars.bind(this);
-
-    if (options.renderingMode == RenderingMode.Augment) {
-      if (window.BB.RENDER_IN_WORKER) {
-        this.canvas = document.createElement("canvas");
-      } else {
-        let canvas = document.createElement("canvas");
-        canvas.width = 500;
-        canvas.height = 500;
-        document.body.appendChild(canvas);
-        this.ctxGl = canvas.getContext("webgl");
-      }
-    }
-
-    this.lastVideoFrameRenderedInGL = -1;
-    this.lastCorrection = false;
-    this.sourceFPS = 60000 / 1001; //hardcoded as all calculations with timecodes goes in 59.94 fps
-
-    if (Platform.isSafariMac()) {
-      if (options.debug) {
-        document.getElementById("numberInput").value=2;
-      }
-      window.BB.RENDER_IN_WORKER = false;
-      window.requestAnimationFrame(this.onAnimatedFrameSafari);
-    } else if (Platform.isChromeMac()) {
-      if (options.debug) {
-        document.getElementById("numberInput").value=1;
-      }
-      window.BB.RENDER_IN_WORKER = true;
-      window.requestAnimationFrame(this.onAnimatedFrameChromeMac);
-
-      if (video.readyState >= 1) {
-        video.requestVideoFrameCallback(this.onFrameVideoChromeMac);
-        //calculateBlackBars(video);
-      } else {
-        video.addEventListener("loadedmetadata", () => {
-          video.requestVideoFrameCallback(this.onFrameVideoChromeMac);
-          //calculateBlackBars(video);
-        });
-      }
-    } else if (false && Platform.isChromeWin()) {
-      // not supported yet
-      window.BB.RENDER_IN_WORKER = true;
-      window.requestAnimationFrame(this.onAnimatedFrameChromeWin);
-      if (video.readyState >= 1) {
-        console.log(
-          "video element is already loaded. Setting up requestVideoFrameCallback",
-        );
-        video.requestVideoFrameCallback(this.onFrameVideoChromeWin);
-        //calculateBlackBars(video);
-      } else {
-        console.log(
-          "video element is not yet loaded. Setting up loadedmetadata event to wait until it's loaded. video.readyState=" +
-            video.readyState,
-        );
-        video.addEventListener("loadedmetadata", () => {
-          console.log(
-            'now video element is loaded in "loadedmetadata" event. Setting up requestVideoFrameCallback',
-          );
-          video.requestVideoFrameCallback(this.onFrameVideoChromeWin);
-          //calculateBlackBars(video);
-        });
-      }
-    } else {
-      console.BBerror("Platform not supported yet");
-    }
-
-    window.addEventListener("resize", () => {
-      this.calculateBlackBars(video);
-    });
-  }
-
-  // MK OnMetaData Sync Begin
-  processTimedMetadata(messageData, presentationTime) {
-    // Timed metadata
-    let finalTimeCodeData = "";
-    if (messageData && messageData.includes("www.mediakind.com/NTC")) {
-      const metadata = messageData.replace(/.*NTC./, "");
-      let pos = 0;
-      while (pos + 8 <= metadata.length) {
-        const type = metadata.substring(pos, pos + 4);
-        const length =
-          ((metadata.charCodeAt(pos + 4) * 256 + metadata.charCodeAt(pos + 5)) *
-            256 +
-            metadata.charCodeAt(pos + 6)) *
-            256 +
-          metadata.charCodeAt(pos + 7);
-        if (pos + 8 + length > metadata.length) {
-          break;
-        }
-        const value = metadata.substring(pos + 8, pos + 8 + length);
-        if (type == "utc_") {
-          //previousTimeCode = currentTimeCode;
-          const timecodeDateTime = new Date(parseInt(value)).getTime() / 1000;
-          const timecodeDelta = timecodeDateTime - presentationTime;
-          //finalTimeCodeData += `${new Date(parseInt(value)).toISOString()} | timestamp: ${new Date(parseInt(value)).getTime()/1000} | delta: ${timecodeDelta}`;
-        }
-        if (type == "tc__") {
-          //previousTimeCode = currentTimeCode;
-          //tcDateTime = new Date(parseInt(value)).getTime()/1000;
-          //tcDelta = tcDateTime - presentationTime;
-          this.tcTimeStamp = new Date(parseInt(value)).getTime();
-          //finalTimeCodeData += `${new Date(parseInt(value)).toISOString()} | tcTimestamp: ${tcTimeStamp} | segmentPlaybackDateTime: ${hlsDateTime}`;
-        }
-        if (type === "offs") {
-          this.timecode_offset = parseInt(value) / 90;
-          if (this.options.debug)
-            console.log("We are HERE:TimeCode", this.timecode_offset);
-        }
-        pos += 8 + length;
-      }
-    }
-    return finalTimeCodeData;
-  }
-
-  onNewMetadata(data) {
-    if (
-      (data && data.metadata && data.metadata.id == 0) ||
-      Platform.isSafariMac()
-    ) {
-      //mac check is temp. Need to get id from safari CallBack
-      if (data.metadata.messageData) {
-        // Typically seen on Chrome, Edge browsers
-        data.metadata.messageData = this.processTimedMetadata(
-          data.metadata.messageData,
-          data.metadata.presentationTime,
-        );
-      } else if (
-        data.metadata.frames &&
-        data.metadata.frames.length &&
-        data.metadata.frames[0].key &&
-        data.metadata.frames[0].key.toLowerCase() === "priv"
-      ) {
-        // Typically seen on Safari browser
-        const NTC_DATA = data.metadata.frames.filter((el) => {
-          return el.info && el.info.toLowerCase().includes("ntc");
-        });
-        if (NTC_DATA.length) {
-          const messageData = `${NTC_DATA[NTC_DATA.length - 1].info}\u0000${String.fromCharCode(...NTC_DATA[NTC_DATA.length - 1].data)}`;
-          data.metadata.messageData = this.processTimedMetadata(
-            messageData,
-            data.metadata.presentationTime,
-          );
-        }
-      }
-      if (
-        data.metadata.id == 0 ||
-        (Platform.isSafariMac() && this.timecode_offset == 0)
-      ) {
-        //mac check is temp. Need to get id from safari CallBack
-        const presentationTime = data.metadata.presentationTime * 1000;
-
-        const offsetTimeCode = new Date(
-          this.tcTimeStamp - this.timecode_offset,
-        );
-        //offsetTimeCode = new Date(1721866388183);
-        let offsetTimeCodeframeNumber =
-          Math.round((offsetTimeCode.getUTCMilliseconds() * 30 * 2) / 1001) / 2;
-        const decimalPartOff = offsetTimeCodeframeNumber % 1;
-        let partoff = 1;
-        if (decimalPartOff == 0.5) {
-          offsetTimeCodeframeNumber = Math.floor(offsetTimeCodeframeNumber);
-          partoff = 2;
-        }
-
-        this.firstFrameTimecode = [
-          offsetTimeCode.getUTCHours(),
-          offsetTimeCode.getUTCMinutes(),
-          offsetTimeCode.getUTCSeconds(),
-          Math.floor(offsetTimeCodeframeNumber),
-          partoff == 1 ? 0 : 1,
-        ];
-
-        // let syncPoint =  {frame:0,playerTime:0}
-        // syncPoint.frame = timecode2Frames(firstFrameTimecode,60000/1001,true);//@alal
-        // syncPoint.stringTime = printTimecode(firstFrameTimecode,true,true);// timeDate2TCString(eventObj.dateTime, 30000/1001);
-        // console.log("New syncPoint by metaData : " + syncPoint.stringTime + " (" + syncPoint.frame + ")" + " playing at " + video.currentTime);
-        // syncPoint.playerTime = video.currentTime;
-        // options.syncPoint = syncPoint;
-
-        //timeCodeOff = `${offsetTimeCode.getUTCHours()}:${offsetTimeCode.getUTCMinutes()}:${offsetTimeCode.getUTCSeconds()}:${parseInt(offsetTimeCodeframeNumber)}.${partoff}`;
-
-        //console.log("timeCodeOff=", timeCodeOff);
-        //data.metadata.messageData = ``;
-        //data.metadata.messageData = `TimeCode: ${timeCodeOff} | offsetTimeCodeframeNumber: ${offsetTimeCodeframeNumber} | offsetTimeCodeMilliseconds: ${offsetTimeCode.getUTCMilliseconds()}`;
-        //dataForCSV += `${timeCodeOff},`
-        //timedMetadata.textContent = JSON.stringify(data.metadata, null, 4);
-        //timedMetadata.textContent+=`{"counter" : ${counter++}}`;
-      }
-    }
-  }
-
-  onNewSegmentForMetadata(eventObj) {
-    if (typeof globalConfig !== "undefined") {
-      if (typeof globalConfig.MKsync !== "undefined")
-        if (globalConfig.MKsync == "no") {
-          return; //Temp for testing without MK
-        }
-    }
-
-    let syncPoint = { frame: 0, playerTime: 0 };
-    syncPoint.frame = timecode2Frames(
-      this.firstFrameTimecode,
-      60000 / 1001,
-      true,
-    ); //@alal
-    syncPoint.stringTime = printTimecode(this.firstFrameTimecode, true, true); // timeDate2TCString(eventObj.dateTime, 30000/1001);
-    console.log(
-      "New segment (" +
-        eventObj.url +
-        "): " +
-        syncPoint.stringTime +
-        " (" +
-        syncPoint.frame +
-        ")" +
-        " playing at " +
-        eventObj.playbackTime,
-    );
-    syncPoint.playerTime = eventObj.playbackTime;
-    this.options.syncPoint = syncPoint;
-
-    if (eventObj.mimeType.includes("video")) {
-      console.log("url: " + eventObj.url);
-    }
-  }
-  // MK OnMetaData Sync End
-  onNewSegment(eventObj) {
-    switch (
-      eventObj.eventType //just for check
-    ) {
-      case wmcEvents.AMC_EVENT_PLAYER_SEGMENT_PLAYBACK:
-        let syncPoint = { frame: 0, playerTime: 0 };
-
-        console.log(
-          "New segment (" +
-            eventObj.url +
-            "): " +
-            timeDate2TCString(eventObj.dateTime, 60000 / 1001) +
-            " playing at " +
-            eventObj.playbackTime,
-        );
-        syncPoint.frame = timecode2Frames(
-          timeDate2TC(eventObj.dateTime),
-          fps,
-          true,
-        ); //@alal
-        syncPoint.stringTime = timeDate2TCString(
-          eventObj.dateTime,
-          60000 / 1001,
-        );
-
-        syncPoint.playerTime = eventObj.playbackTime;
-        this.options.syncPoint = syncPoint;
-        //bbPlayer.SetSyncPoint(syncPoint);
-        break;
-      default:
-    }
-  }
-
-  render(currentFrame, correction) {
-    let doNotRenderAugmentation = false;
-    const options = this.options;
-    if (options.debug) {
-      var checkbox_doNotRenderAugmentation = document.getElementById(
-        "doNotRenderAugmentationCheckbox",
-      );
-      doNotRenderAugmentation = checkbox_doNotRenderAugmentation.checked;
-    }
-    if (doNotRenderAugmentation) {
-      return 0;
-    }
-    const startTime = performance.now();
-    if (
-      this.lastVideoFrameRenderedInGL == currentFrame &&
-      correction == this.lastCorrection
-    ) {
-      if (options.debug)
-        console.log(
-          "render(): lastVideoFrameRenderedInGL==currentFrame: " + currentFrame,
-        );
-      return 0;
-    }
-    if (!options.enabled || options.stopAugment) {
-      this.composer.cleanGL();
-      return 0;
-    }
-
-    if (options.stopAugmentFor > 0) {
-      this.composer?.cleanGL();
-      options.stopAugmentFor -= 1.0 / options.hls_fps;
-      return 0;
-    }
-
-    if (options.renderingMode == RenderingMode.RenderDigits)
-      renderDigit(this.ctxGl, currentFrame);
-    else if (options.renderingMode == RenderingMode.RenderTimecode) {
-      if (this.sourceFPS == 60000 / 1001 || this.sourceFPS == 60)
-        renderTimecode(
-          this.ctxGl,
-          frames2Timecode(currentFrame, sourceFPS, true),
-          true,
-        );
-      else if (this.sourceFPS == 30000 / 1001 || this.sourceFPS == 30)
-        renderTimecode(
-          this.ctxGl,
-          frames2Timecode(currentFrame, this.sourceFPS, false),
-          false,
-        );
-    } else if (options.renderingMode == RenderingMode.Augment && this.composer)
-      if (this.sourceFPS == 60000 / 1001 || sourceFPS == 60)
-        this.composer.renderAugmentation(
-          printTimecode(frames2Timecode(currentFrame, this.sourceFPS, true)),
-        );
-      else if (this.sourceFPS == 30000 / 1001 || this.sourceFPS == 30) {
-        if (correction) {
-          this.composer.renderAugmentation(
-            printTimecode(
-              frames2Timecode(currentFrame * 2 + 1, this.sourceFPS * 2, true),
-              true,
-            ),
-          ); //@alal
-        } else {
-          this.composer.renderAugmentation(
-            printTimecode(
-              frames2Timecode(currentFrame, this.sourceFPS, false),
-              false,
-            ),
-          ); //@alal
-        }
-      }
-    this.lastVideoFrameRenderedInGL = currentFrame;
-    this.lastCorrection = correction;
-    const endTime = performance.now();
-    return endTime - startTime;
-  }
-
-  countVid = 0;
-  lastVidDateTime = 0;
-  lastCalled = "";
-  frameNumberToRender = 0;
-  lastOffset = 0;
-  lastOffsetShown;
-  countOfCorrectionsInRow = 0; // this is used for correction in 29.97
-  deltaVidDeltaArray = [];
-  deltaVidDeltaArrayCapacity = 20;
-
-  addNumberToVidDeltaArray(num) {
-    this.deltaVidDeltaArray.push(num);
-
-    // Keep the array size at deltaVidDeltaArrayCapacity
-    if (this.deltaVidDeltaArray.length > this.deltaVidDeltaArrayCapacity) {
-      this.deltaVidDeltaArray.shift(); // Remove the oldest number
-    }
-
-    // Calculate the preliminary average
-		const sum = this.deltaVidDeltaArray.reduce((acc, curr) => acc + curr, 0);
-		const preliminaryAverage = sum / this.deltaVidDeltaArray.length;
-    
-    // Filter values within 20% range of preliminary average
-		const filteredArray = this.deltaVidDeltaArray.filter(
-			n => Math.abs(n - preliminaryAverage) <= preliminaryAverage * 0.2
-		);
-
-    // Calculate the average of filtered values
-		const filteredSum = filteredArray.reduce((acc, curr) => acc + curr, 0);
-		const average = filteredSum / filteredArray.length;
-
-    return average;
-  }
-
-  onFrameVideoChromeMac(now, metadata) {
-    const options = this.options;
-    this.lastCalled = "VID";
-
-    if (options.hls_fps != 60000 / 1001 && options.hls_fps != 30000 / 1001) {
-      console.log("Unsupported FPS: options.hls_fps = " + options.hls_fps);
-      this.video.requestVideoFrameCallback(this.onFrameVideoChromeMac);
-      return;
-    }
-    var dblFullFrame =
-      ((metadata.mediaTime - options.syncPoint.playerTime) % (60 * 60 * 24)) *
-      (60000 / 1001); // take time excluding days
-    var timeFromLastSync = metadata.mediaTime - options.syncPoint.playerTime;
-    let lastFrameFromVideoCallback =
-      Math.floor(dblFullFrame + 0.1) + options.syncPoint.frame;
-    let deltaVid = Date.now() - this.lastVidDateTime;
-    var videoFPS = 1000 / this.addNumberToVidDeltaArray(deltaVid);
-    if (options.debug) {
-      if ((videoFPS>25)&&(videoFPS<35)) {
-				lastFrameFromVideoCallback+=1; // compensate 15 ms timer for 29 fps
-			}
-      var numberInput = document.getElementById("numberInput").value;
-      var number = parseInt(numberInput);
-      lastFrameFromVideoCallback += number;
-    } else {
-      if (videoFPS > 25 && videoFPS < 35) lastFrameFromVideoCallback += 2;
-      else lastFrameFromVideoCallback += 1;
-    }
-
-    let DebugLine2 = document.getElementById("debugText2");
-    var timeStr = "";
-    timeStr = printTimecode(
-      frames2Timecode(lastFrameFromVideoCallback, this.sourceFPS, true),
-      true,
-      true,
-    );
-
-    var offsetStr = "";
-    if (options.augmentation.offset<0){
-      offsetStr+="-";
-      offsetStr += printTimecode(
-        frames2Timecode((-1)*options.augmentation.offset, this.sourceFPS, true),
-        true,
-        true,
-      );
-    } else{
-      offsetStr += printTimecode(
-        frames2Timecode(options.augmentation.offset, this.sourceFPS, true),
-        true,
-        true,
-      );
-    }
-
-    let resultFrames = lastFrameFromVideoCallback - options.augmentation.offset;
-    if (resultFrames < 0) resultFrames += 5178816;
-    if (resultFrames >= 5178816) resultFrames -= 5178816;// number of frames in 23:59:59:59 + 1 = 24h
-
-    if (this.metaDataFetcher) this.metaDataFetcher.setLastFrame(resultFrames);
-
-    var resultTimecodeStr = "";
-    resultTimecodeStr = printTimecode(
-      frames2Timecode(resultFrames, this.sourceFPS, true),
-      true,
-      true,
-    );
-
-    let nowTime = new Date();
-    let hours = String(nowTime.getHours()).padStart(2, "0");
-    let minutes = String(nowTime.getMinutes()).padStart(2, "0");
-    let seconds = String(nowTime.getSeconds()).padStart(2, "0");
-    let milliseconds = String(nowTime.getMilliseconds()).padStart(3, "0");
-    let formattedTime = `${hours}:${minutes}:${seconds}.${milliseconds}`;
-
-    if (options.debug) {
-      var offsetColor = "black";
-      if (
-        options.augmentation.offset != this.lastOffset ||
-        this.lastOffsetShown < 10 * 60
-      ) {
-        var offsetColor = "red";
-      }
-      DebugLine2.innerHTML =
-        "VID. " +
-        this.countVid +
-        " Game: " +
-        options.gameId +
-        ", Time Fired: " +
-        formattedTime +
-        ", PlayerTime:" +
-        metadata.mediaTime.toFixed(4) +
-        ", dblFrame: " +
-        dblFullFrame.toFixed(4) +
-        ", Stream Time-Code: " +
-        timeStr +
-        ", offset: <span style='color:" +
-        offsetColor +
-        "'>" +
-        options.augmentation.offset +
-        "(" +
-        offsetStr +
-        ")</span>" +
-        " </br>" +
-        " </br>" +
-        "<span style='font-size: 30px;'>, Brain Time-Code: " +
-        resultTimecodeStr +
-        "(  " +
-        resultFrames +
-        "  )</span>" +
-        " </br>" +
-        " </br>" +
-        ", expectedDisplayTime: " +
-        metadata.expectedDisplayTime.toFixed(4) +
-        ", presentationTime: " +
-        metadata.presentationTime.toFixed(4) +
-        ", presentationTime-expectedDisplayTime: " +
-        (metadata.presentationTime - metadata.expectedDisplayTime).toFixed(4) +
-        ", expectedDisplayTime-now: " +
-        (metadata.expectedDisplayTime - now).toFixed(4) +
-        ", TimeFromLastSync:" +
-        timeFromLastSync.toFixed(4) +
-        ", LastSyncPointTime:" +
-        options.syncPoint.playerTime.toFixed(4) +
-        ", LastSyncPointFrame:" +
-        options.syncPoint.frame +
-        ", LastSyncPoint:" +
-        options.syncPoint.stringTime +
-        " </br>";
-      if (options.augmentation.offset != this.lastOffset) {
-        this.lastOffsetShown = 0;
-      }
-      this.lastOffset = options.augmentation.offset;
-      this.lastOffsetShown++;
-    }
-
-    this.countVid++;
-    this.lastVidDateTime = Date.now();
-    if (videoFPS > 50 && videoFPS < 70) this.render(resultFrames, false);
-    else if (videoFPS > 25 && videoFPS < 35) {
-      //frameNumberToRender = resultFrames;
-      const delayRender = (number) => {
-        let DebugLine = document.getElementById("debugText");
-        if (DebugLine != null) DebugLine.innerHTML = "Rendering now " + number;
-        //try this approach to update any element of the page to force dom update //NEED TO MAKE ANOTHER HACK!!!!!!
-        let codetmp = document.getElementById("backend-modules");
-        if (codetmp != null) codetmp.innerHTML = "Rendering now " + number;
-        this.render(number, false);
-      }
-
-      if (((metadata.expectedDisplayTime-now)>5)) {
-        setTimeout(delayRender, 20, resultFrames);
-        //setTimeout(delayRender, 5, resultFrames-1);
-      } else {
-        setTimeout(delayRender, 5, resultFrames);
-        //render(resultFrames,false);
-      }
-
-    } else {
-      if (this.countVid % 60 == 0)
-        console.BBerror(
-          "video FPS is " + videoFPS.toFixed(4) + ". is not supported yet.",
-        );
-      this.composer?.cleanGL();
-    }
-    this.video.requestVideoFrameCallback(this.onFrameVideoChromeMac);
-    return;
-  }
-
-  onFrameVideoChromeWin(now, metadata) {
-    if (options.hls_fps != 60000 / 1001 && options.hls_fps != 30000 / 1001) {
-      //stopping augmentation fr 3 sec. Waiting until video fps will be good
-      options.stopAugmentFor = 3;
-      console.log("Unsupported FPS: options.hls_fps = " + options.hls_fps);
-      video.requestVideoFrameCallback(onFrameVideoChromeWin);
-      return;
-    }
-    let deltaVid = Date.now() - lastVidDateTime;
-    lastVidDateTime = Date.now();
-    // var videoFPS = 1000/addNumberToVidDeltaArray(deltaVid);
-    // if ((videoFPS<50)||(videoFPS>70))
-    // { //stopping augmentation fr 3 sec. Waiting until video fps will be good
-    // 	options.stopAugmentFor = 3;
-    // 	console.BBerror("Video fps is not supported: " + videoFPS.toFixed(4));
-    // }
-    const options = this.options;
-
-    if (this.lastCalled == "ANI2" && options.hls_fps == 60000 / 1001) {
-      if (options.debug)
-        console.log(
-          "This videoCallback can be incorrect. This time doing stuff in requestAnimation frame",
-        );
-      this.video.requestVideoFrameCallback(this.onFrameVideoChromeWin);
-      return;
-    }
-
-    if (options.hls_fps == 30000 / 1001) {
-      if (this.lastCalled == "ANI3" && this.countOfCorrectionsInRow <= 0) {
-        //if requestAnimatedFrame was called 3 times between VideoCallbacks
-        //then we do not believe videoCallbacks for 3 calls. Rendering on every
-        //second requestAnimatedFrame. For this we are saying that current stage is
-        //already "ANI" (like there was no videoCallback) but anyway we should
-        //continue here to update timecode
-        this.lastCalled = "ANI";
-        this.countOfCorrectionsInRow++;
-      } else {
-        this.lastCalled = "VID";
-        this.countOfCorrectionsInRow = 0;
-      }
-    } //if we are in 59.94
-    else {
-      this.lastCalled = "VID";
-    }
-
-    var dblFullFrame =
-      ((metadata.mediaTime - options.syncPoint.playerTime) % (60 * 60 * 24)) *
-      (60000 / 1001); // take time excluding days
-    var timeFromLastSync = metadata.mediaTime - options.syncPoint.playerTime;
-    let lastFrameFromVideoCallback =
-      Math.floor(dblFullFrame + 0.1) + options.syncPoint.frame;
-    if (options.debug) {
-      var numberInput = document.getElementById("numberInput").value;
-      var number = parseInt(numberInput);
-      lastFrameFromVideoCallback += number;
-    } else {
-      lastFrameFromVideoCallback += 1;
-    }
-    lastMediaTime = metadata.mediaTime;
-
-    let DebugLine2 = document.getElementById("debugText2");
-    var timeStr = "";
-    timeStr = printTimecode(
-      frames2Timecode(lastFrameFromVideoCallback, this.sourceFPS, true),
-      true,
-      true,
-    );
-
-    var offsetStr = "";
-    if (options.augmentation.offset<0){
-      offsetStr+="-";
-      offsetStr += printTimecode(
-        frames2Timecode((-1)*options.augmentation.offset, this.sourceFPS, true),
-        true,
-        true,
-      );
-    } else{
-      offsetStr += printTimecode(
-        frames2Timecode(options.augmentation.offset, this.sourceFPS, true),
-        true,
-        true,
-      );
-    }
-
-    let resultFrames = lastFrameFromVideoCallback - options.augmentation.offset;
-    if (resultFrames < 0) resultFrames += 5178816;
-    if (resultFrames >= 5178816) resultFrames -= 5178816;// number of frames in 23:59:59;59 + 1 = 24h
-    if (this.metaDataFetcher) this.metaDataFetcher.setLastFrame(resultFrames);
-    var resultTimecodeStr = "";
-    resultTimecodeStr = printTimecode(
-      frames2Timecode(resultFrames, this.sourceFPS, true),
-      true,
-      true,
-    );
-
-    let nowTime = new Date();
-    let hours = String(nowTime.getHours()).padStart(2, "0");
-    let minutes = String(nowTime.getMinutes()).padStart(2, "0");
-    let seconds = String(nowTime.getSeconds()).padStart(2, "0");
-    let milliseconds = String(nowTime.getMilliseconds()).padStart(3, "0");
-    let formattedTime = `${hours}:${minutes}:${seconds}.${milliseconds}`;
-
-    if (options.debug) {
-      var offsetColor = "black";
-      if (
-        options.augmentation.offset != this.lastOffset ||
-        this.lastOffsetShown < 10 * 60
-      ) {
-        var offsetColor = "red";
-      }
-      DebugLine2.innerHTML =
-        "VID. " +
-        this.countVid +
-        " Game: " +
-        options.gameId +
-        ", Time Fired: " +
-        formattedTime +
-        ", PlayerTime:" +
-        metadata.mediaTime.toFixed(4) +
-        ", dblFrame: " +
-        dblFullFrame.toFixed(4) +
-        ", Stream Time-Code: " +
-        timeStr +
-        ", offset: <span style='color:" +
-        offsetColor +
-        "'>" +
-        options.augmentation.offset +
-        "(" +
-        offsetStr +
-        ")</span>" +
-        " </br>" +
-        " </br>" +
-        "<span style='font-size: 30px;'>, Brain Time-Code: " +
-        resultTimecodeStr +
-        "(  " +
-        resultFrames +
-        "  )</span>" +
-        " </br>" +
-        " </br>" +
-        ", expectedDisplayTime: " +
-        metadata.expectedDisplayTime.toFixed(4) +
-        ", presentationTime: " +
-        metadata.presentationTime.toFixed(4) +
-        ", presentationTime-expectedDisplayTime: " +
-        (metadata.presentationTime - metadata.expectedDisplayTime).toFixed(4) +
-        ", expectedDisplayTime-now: " +
-        (metadata.expectedDisplayTime - now).toFixed(4) +
-        ", TimeFromLastSync:" +
-        timeFromLastSync.toFixed(4) +
-        ", LastSyncPointTime:" +
-        options.syncPoint.playerTime.toFixed(4) +
-        ", LastSyncPointFrame:" +
-        options.syncPoint.frame +
-        ", LastSyncPoint:" +
-        options.syncPoint.stringTime +
-        " </br>";
-      if (options.augmentation.offset != this.lastOffset) {
-        this.lastOffsetShown = 0;
-      }
-      this.lastOffset = options.augmentation.offset;
-      this.lastOffsetShown++;
-    }
-
-    this.countVid++;
-    let plus05Correction = false;
-    if (options.debug) {
-      var checkbox_plus05Correction = document.getElementById(
-        "plus05CorrectionCheckbox",
-      );
-      plus05Correction = checkbox_plus05Correction.checked;
-    }
-
-    if (options.hls_fps == 30000 / 1001) {
-      //in 29.94 we remember the current timecode and rendering itself
-      // will be done in requestAnimatedFrame
-      this.renderOnNextFrame = resultFrames;
-    } //if we are in 59.94
-    else {
-      //disable check for debugging alal
-      //if ((videoFPS>50)&&(videoFPS<70))
-      renderingDuration = this.render(resultFrames, false);
-      //else
-      // {
-      // 	if (countVid%60==0)
-      // 		console.BBerror("video FPS is " + videoFPS.toFixed(4) + ". is not supported yet.");
-      // 	composer.cleanGL();
-      // }
-    }
-
-    // if (options.debug)
-    // {
-    // 	console.log("VID."
-    // 		+ " TimeFired: "  + formattedTime
-    // 		+ ", rendering: "  + timeStr
-    // 		+ ", took: "  + renderingDuration.toFixed(4) + " ms"
-    // 	);
-    // }
-    this.video.requestVideoFrameCallback(this.onFrameVideoChromeWin);
-    return;
-  }
-
-  countANI = 0;
-  aniDelltaTimeArray = [];
-  aniDelltaTimeArrayCapacity = 60;
-  lastAniNow = 0;
-
-  addNumberToAniDeltaArray(num) {
-    // Add the new number to the array
-    this.aniDelltaTimeArray.push(num);
-
-    // Keep the array size at aniDelltaTimeArrayCapacity
-    if (this.aniDelltaTimeArray.length > this.aniDelltaTimeArrayCapacity) {
-      this.aniDelltaTimeArray.shift(); // Remove the oldest number
-    }
-
-    // Calculate the preliminary average
-    const sum = this.aniDelltaTimeArray.reduce((acc, curr) => acc + curr, 0);
-    const preliminaryAverage = sum / this.aniDelltaTimeArray.length;
-
-    // Filter values within 20% range of preliminary average
-    const filteredArray = this.aniDelltaTimeArray.filter(
-      (n) => Math.abs(n - preliminaryAverage) <= preliminaryAverage * 0.2,
-    );
-
-    if (filteredArray.length < this.aniDelltaTimeArrayCapacity*85/100)
-    {
-      return -1;
-    }
-
-    // Calculate the average of filtered values
-    const filteredSum = filteredArray.reduce((acc, curr) => acc + curr, 0);
-    const average = filteredSum / filteredArray.length;
-
-    return average;
-  }
-
-  onAnimatedFrameChromeWin(timeStamp) {
-    this.countANI++;
-    let nowTime = performance.now(); //new Date();
-    var delta = nowTime - this.lastAniNow;
-    this.lastAniNow = nowTime;
-    const options = this.options;
-    var screenFPS = 1000 / this.addNumberToAniDeltaArray(delta);
-    if (screenFPS == -1000){
-			options.stopAugmentFor = 3;
-			console.BBerror("Experience difficulties with overloading: (not consistant Calls of requestAnimatedFrame). Stopping augmentation."); //for debugging printing it every frame
-			console.log(aniDelltaTimeArray);
-		}
-		else if (Math.abs(screenFPS - 60.0) > 5) {
-      options.stopAugmentFor = 3;
-      console.BBerror("Unsupported FPS: " + screenFPS); //for debugging printing it every frame
-      // if (countANI%30==0)
-      // {
-      // 	console.BBerror("Unsupported FPS: " + screenFPS);
-      // }
-    }
-    // else
-    // {
-    // 	options.stopAugment = false;
-    // }
-
-    if (!options.debug) {
-      let text = document.getElementById("forceUpdate");
-      if (text != null) text.innerHTML = this.countANI;
-      window.requestAnimationFrame(this.onAnimatedFrameChromeWin);
-      return;
-    }
-
-    let hours = String(nowTime.getHours()).padStart(2, "0");
-    let minutes = String(nowTime.getMinutes()).padStart(2, "0");
-    let seconds = String(nowTime.getSeconds()).padStart(2, "0");
-    let milliseconds = String(nowTime.getMilliseconds()).padStart(3, "0");
-    let formattedTime = `${hours}:${minutes}:${seconds}.${milliseconds}`;
-    if (this.video.paused) {
-      //doing nothing
-      window.requestAnimationFrame(this.onAnimatedFrameChromeWin);
-      return;
-    }
-    let DebugLine = document.getElementById("debugText");
-    if (options.debug)
-      DebugLine.innerHTML =
-        "ANI. " + this.countANI + " Time Fired: " + formattedTime;
-
-    if (options.hls_fps == 30000 / 1001) {
-      DebugLine.innerHTML += "VideoTime: " + this.video.currentTime.toFixed(4);
-      if (this.lastCalled == "VID") {
-        DebugLine.innerHTML += "  rendering on the current frame ";
-        this.render(this.renderOnNextFrame, false);
-        this.lastCalled = "ANI";
-      } else if (this.lastCalled == "ANI") {
-        //DebugLine.innerHTML += "  rendering on the next frame ";
-        //render(renderOnNextFrame,false);
-        this.lastCalled = "ANI2";
-      } else if (this.lastCalled == "ANI2") {
-        DebugLine.innerHTML += "  extra call. Correcting ";
-        this.render(this.renderOnNextFrame + 2, false);
-        lastCalled = "ANI3";
-      }
-      DebugLine.innerHTML += "stage:" + this.lastCalled;
-      // console.log("ANI."
-      // 	+ " Time Fired: "  + formattedTime
-      // 	+ " stage: " + lastCalled);
-      window.requestAnimationFrame(this.onAnimatedFrameChromeWin);
-      return;
-    } else if (options.hls_fps == 60000 / 1001) {
-      //if we are in 59.94
-      if (this.lastCalled == "ANI" || this.lastCalled == "ANI2") {
-        var timeStr = "";
-        timeStr = printTimecode(
-          frames2Timecode(
-            this.lastVideoFrameRenderedInGL + 1,
-            this.sourceFPS,
-            true,
-          ),
-          true,
-          true,
-        );
-
-        var offsetStr = "";
-        if (options.augmentation.offset<0){
-          offsetStr+="-";
-          offsetStr += printTimecode(
-            frames2Timecode((-1)*options.augmentation.offset, this.sourceFPS, true),
-            true,
-            true,
-          );
-        } else{
-          offsetStr += printTimecode(
-            frames2Timecode(options.augmentation.offset, this.sourceFPS, true),
-            true,
-            true,
-          );
-        }
-
-        let resultFrames = this.lastVideoFrameRenderedInGL - options.augmentation.offset;
-        if (resultFrames < 0) resultFrames += 5178816;// number of frames in 23:59:59;59 + 1 = 24h
-        if (resultFrames >= 5178816) resultFrames -= 5178816;// number of frames in 23:59:59;59 + 1 = 24h
-        var resultTimecodeStr = "";
-        resultTimecodeStr = printTimecode(
-          frames2Timecode(resultFrames, this.sourceFPS, true),
-          true,
-          true,
-        );
-
-        if (options.debug) {
-          console.log(
-            "Probable videoFrameCallback was not fired. Apllying correction mechanism (" +
-              timeStr +
-              ")" +
-              ", stage: " +
-              lastCalled,
-          );
-          DebugLine.innerHTML += "  correction";
-        }
-
-        let renderingDuration = this.render(
-          this.lastVideoFrameRenderedInGL + 1,
-          false,
-        );
-        // if (options.debug) console.log("ANI."
-        // 	+ " Time Fired: "  + formattedTime
-        // 	+ ", correction"
-        // 	+ ", time: " + timeStr
-        // 	+ ", offset: "  + options.augmentation.offset + "(" + offsetStr +  ")"
-        // 	+ ", resultTime: "  + resultTimecodeStr
-        // 	+ ", took: "  + renderingDuration.toFixed(4) + " ms");
-        if (this.lastCalled == "ANI") this.lastCalled = "ANI2";
-        else if (this.lastCalled == "ANI2") this.lastCalled = "ANI";
-      } else {
-        //DebugLine.innerHTML = "ANI. ";
-        // if (options.debug) console.log("ANI."
-        // 	+ " Time Fired: "  + formattedTime);
-        this.lastCalled = "ANI";
-      }
-    } // unsupported fps
-    else {
-      console.log("Unsupported FPS: options.hls_fps = " + options.hls_fps);
-    }
-
-    window.requestAnimationFrame(this.onAnimatedFrameChromeWin);
-  }
-
-  onAnimatedFrameChromeMac(timeStamp) {
-    this.countAppleANI++;
-    let DebugLine;
-    let resultFramesStr = printTimecode(
-      frames2Timecode(this.frameNumberToRender, this.sourceFPS, true),
-      true,
-      true,
-    );
-    if (this.options.debug) {
-      DebugLine = document.getElementById("debugText");
-      DebugLine.innerHTML = this.countAppleANI;
-    }
-    let codetmp = document.getElementById("backend-modules");
-    if (codetmp != null) codetmp.innerHTML = "Rendering now " + this.countAppleANI;
-    
-		//window.requestAnimationFrame(this.onAnimatedFrameChromeMac);
-		//return;
-    if (this.lastCalled == "VID") {
-      this.lastCalled = "ANI";
-      DebugLine.innerHTML =
-        "ANI: " +
-        this.countAppleANI +
-        " Stage: " +
-        this.lastCalled +
-        //" _TimeCode: " +
-        //resultFramesStr +
-        " rendering now";
-      //this.render(frameNumberToRender, true);
-    } else if (this.lastCalled == "ANI") {
-      this.lastCalled = "ANI2";
-      DebugLine.innerHTML =
-        "ANI: " +
-        this.countAppleANI +
-        " Stage: " +
-        //this.lastCalled +
-        //" TimeCode: " +
-        resultFramesStr +
-        " correction";;
-        this.render(this.lastVideoFrameRenderedInGL+1, true);
-    } else if (this.lastCalled == "ANI2") {
-      //cannot go into here in normal
-      this.lastCalled = "ANI3";
-      DebugLine.innerHTML =
-        "ANI: " +
-        this.countAppleANI +
-        " Stage: " +
-        this.lastCalled +
-        " TimeCode: " +
-        resultFramesStr +
-        " extra call";
-    } else {
-      //cannot go into here in normal
-    }
-
-    window.requestAnimationFrame(this.onAnimatedFrameChromeMac);
-  }
-
-  vidFiredTime = 0;
-
-  correction = false;
-
-  prevFraction = 0.99;
-  lastDblFrame = 0;
-  lastRealFrame = 0;
-  lastNow = 0;
-  // numberOfFramesAfterFpsFail=-99;
-
-  onAnimatedFrameSafari(timeStamp) {
-    this.countANI++;
-    let nowTime = new Date();
-    const options = this.options;
-    var performanceNow = performance.now();
-    var delta = performanceNow - this.lastNow;
-    this.lastNow = performanceNow;
-    var screenFPS = 1000.0 / this.addNumberToAniDeltaArray(delta);
-
-    if (screenFPS == -1000){
-      options.stopAugmentFor = 3;
-      if (this.countANI%60==0)
-      {
-        console.BBerror("Experience difficulties with overloading: (not consistant Calls of requestAnimatedFrame). Stopping augmentation."); //for debugging printing it every frame
-        console.log(this.aniDelltaTimeArray);
-      }
-    }
-    else if (Math.abs(screenFPS - 60.0) > 5) {
-      //options.stopAugment = true;
-      options.stopAugmentFor = 3;
-      console.BBerror("Unsupported screen FPS: " + screenFPS); //for debugging printing it every frame
-    }
-
-    let hours = String(nowTime.getHours()).padStart(2, "0");
-    let minutes = String(nowTime.getMinutes()).padStart(2, "0");
-    let seconds = String(nowTime.getSeconds()).padStart(2, "0");
-    let milliseconds = String(nowTime.getMilliseconds()).padStart(3, "0");
-    let formattedTime = `${hours}:${minutes}:${seconds}.${milliseconds}`;
-    var number = 2;
-    let DebugLine;
-    if (options.debug) {
-      DebugLine = document.getElementById("debugText");
-      var numberInput = document.getElementById("numberInput").value;
-      number = parseInt(numberInput);
-    }
-    var realFrame = 0;
-
-    var dblFrame =
-      (((this.video.currentTime - options.syncPoint.playerTime) %
-        (60 * 60 * 24)) *
-        60000) /
-      1001; // take time excluding days
-    realFrame = Math.floor(dblFrame) + options.syncPoint.frame;
-    var correction2FrameJump = false;
-    if (
-      realFrame - this.lastRealFrame == 2 &&
-      dblFrame - this.lastDblFrame < 1.5
-    ) {
-      this.lastRealFrame = realFrame;
-      realFrame--;
-      correction2FrameJump = true;
-    }
-    if (correction2FrameJump) {
-      this.lastRealFrame = realFrame + 1; //because we changed it and need to save orig
-    } else {
-      this.lastRealFrame = realFrame;
-    }
-
-    this.lastDblFrame = dblFrame;
-    realFrame += number;
-    var fraction = dblFrame - Math.floor(dblFrame);
-    if (this.correction || (fraction < 0.226 && this.prevFraction < 0.226))
-      this.correction = true;
-    if (fraction > 0.8) this.correction = false;
-    this.prevFraction = fraction;
-    if (this.correction) realFrame--;
-    var timeStr = "";
-    timeStr = printTimecode(
-      frames2Timecode(realFrame, this.sourceFPS, true),
-      true,
-      true,
-    );
-
-    var offsetStr = "";
-    if (options.augmentation.offset<0){
-      offsetStr+="-";
-      offsetStr += printTimecode(
-        frames2Timecode((-1)*options.augmentation.offset, this.sourceFPS, true),
-        true,
-        true,
-      );
-    } else{
-      offsetStr += printTimecode(
-        frames2Timecode(options.augmentation.offset, this.sourceFPS, true),
-        true,
-        true,
-      );
-    }
-
-    let resultFrames = realFrame - options.augmentation.offset;
-    if (resultFrames < 0) resultFrames += 5178816;// number of frames in 23:59:59;59 + 1 = 24h
-    if (resultFrames >= 5178816) resultFrames -= 5178816;// number of frames in 23:59:59;59 + 1 = 24h
-    var resultFramesStr = "";
-    resultFramesStr = printTimecode(
-      frames2Timecode(resultFrames, this.sourceFPS, true),
-      true,
-      true,
-    );
-
-    if (options.debug) {
-      var offsetColor = "black";
-      if (
-        options.augmentation.offset != this.lastOffset ||
-        this.lastOffsetShown < 10 * 60
-      ) {
-        var offsetColor = "red";
-      }
-      DebugLine.innerHTML =
-        " countAppleANI: " +
-        this.countAppleANI +
-        ", Time Fired: " +
-        formattedTime +
-        ", delta: " +
-        delta.toFixed(0) +
-        ", screenFPS: " +
-        screenFPS.toFixed(4) +
-        ", dblFrame: " +
-        dblFrame.toFixed(4) +
-        ", ANI-VID: " +
-        (nowTime - this.vidFiredTime) +
-        ", Game: " +
-        options.gameId +
-        ", stremTime: " +
-        timeStr +
-        "(  " +
-        realFrame +
-        "  )" +
-        ", offset: <span style='color:" +
-        offsetColor +
-        "'>" +
-        options.augmentation.offset +
-        "(" +
-        offsetStr +
-        ")</span>" +
-        " </br>" +
-        " </br>" +
-        "<span style='font-size: 30px;'>, resultTime: " +
-        resultFramesStr +
-        "(" +
-        resultFrames +
-        ")</span>" +
-        " </br>" +
-        " </br>" +
-        ", LastSyncPointTime:" +
-        options.syncPoint.playerTime.toFixed(4) +
-        ", LastSyncPointFrame:" +
-        options.syncPoint.frame +
-        ", LastSyncPoint:" +
-        options.syncPoint.stringTime +
-        ", correction: " +
-        this.correction +
-        ", correction2FrameJump: " +
-        correction2FrameJump;
-    }
-    if (this.metaDataFetcher) this.metaDataFetcher.setLastFrame(resultFrames);
-    this.render(resultFrames);
-    this.countAppleANI++;
-
-    window.requestAnimationFrame(this.onAnimatedFrameSafari);
-    return;
-  }
-
-  renderOnNextFrame = -1;
-  countAppleANI = 0;
-
-  doCalculateBlackBars(videoElement) {
-    var cssWidth = parseInt(
-      window.getComputedStyle(videoElement).getPropertyValue("width"),
-      10,
-    );
-    var cssHeight = parseInt(
-      window.getComputedStyle(videoElement).getPropertyValue("height"),
-      10,
-    );
-
-    var videoWidth = videoElement.videoWidth;
-    var videoHeight = videoElement.videoHeight;
-
-    var cssAspectRatio = cssWidth / cssHeight;
-    var videoAspectRatio = videoWidth / videoHeight;
-
-    var blackBars = { top: 0, bottom: 0, left: 0, right: 0 };
-
-    if (cssAspectRatio > videoAspectRatio) {
-      // Black bars on the left and right (pillarboxing)
-      var newWidth = cssHeight * videoAspectRatio;
-      blackBars.left = (cssWidth - newWidth) / 2;
-      blackBars.right = blackBars.left;
-    } else if (cssAspectRatio < videoAspectRatio) {
-      // Black bars on the top and bottom (letterboxing)
-      var newHeight = cssWidth / videoAspectRatio;
-      blackBars.top = (cssHeight - newHeight) / 2;
-      blackBars.bottom = blackBars.top;
-    }
-    return blackBars;
-  }
-
-  calculateBlackBars(videoElement) {
-    const canvas = this.getCanvas();
-    if (!canvas) return;
-
-    var blackBars = this.doCalculateBlackBars(videoElement);
-    canvas.style.top = Math.round(blackBars.top) + "px";
-    canvas.style.left = Math.round(blackBars.left) + "px";
-
-    return blackBars;
-  }
-
-  initializeComponents = () => {
-    if (window.BB.RENDER_IN_WORKER) {
-      this.initializeComponents_Worker();
-    } else {
-      this.initializeComponents_MainThread();
-    }
-  };
-
-  initializeComponents_MainThread = () => {
-    let playerCont = this.video.parentElement;
-    this.composer = new Composer3DForMainThread(this.options, playerCont);
-    this.ads = new Ads(this.composer, this.options);
-    this.metaDataFetcher = new MetaDataFetcher(this.options, this.composer);
-  };
-
-  initializeComponents_Worker = () => {
-    let playerCont = this.video.parentElement;
-    let oTop = playerCont.offsetTop;
-    let oLeft = playerCont.offsetLeft;
-    this.canvas.style.top = 0; //oTop + 'px';
-    this.canvas.style.left = 0; //oLeft + 'px';
-
-    var blackBars = this.doCalculateBlackBars(this.video);
-
-    if (this.video.readyState >= 1) {
-      var blackBars = this.doCalculateBlackBars(this.video);
-      this.canvas.style.top = Math.round(blackBars.top) + "px";
-      this.canvas.style.left = Math.round(blackBars.left) + "px";
-    } else {
-      console.log(
-        "video element is not yet loaded. Setting up loadedmetadata event to wait until it's loaded. video.readyState=" +
-          this.video.readyState,
-      );
-      this.video.addEventListener("loadedmetadata", () => {
-        var blackBars = this.doCalculateBlackBars(this.video);
-        this.canvas.style.top = Math.round(blackBars.top) + "px";
-        this.canvas.style.left = Math.round(blackBars.left) + "px";
-      });
-    }
-
-    this.canvas.style.width = "100%";
-    this.canvas.style.zIndex = 100000;
-    this.canvas.width = playerCont.clientWidth;
-    this.canvas.height = playerCont.clientHeight;
-    this.canvas.style.position = "absolute";
-
-    let videoTag = playerCont.getElementsByTagName("video")[0];
-    let nextElement = videoTag.nextSibling;
-
-    if (nextElement) playerCont.insertBefore(this.canvas, nextElement);
-    else playerCont.appendChild(this.canvas);
-    this.canvas.style["pointer-events"] = "none";
-    this.composer = new Composer3dWorker(this.canvas, this.options);
-    videoTag.addEventListener("click", (e) => {
-      var rect = this.canvas.getBoundingClientRect();
-      this.composer.onUserClickOnCanvas(e.clientX, e.clientY, rect);
-    });
-
-    this.ads = new Ads(this.composer, this.options);
-    this.metaDataFetcher = new MetaDataFetcher(this.options, this.composer);
-  };
-
-  getCanvas = () => {
-    return this.composer?.getCanvas();
-  };
-}