முன்னணி வெப்கோடெக்ஸ் பிரேம் ரேட் கட்டுப்பாடு: வீடியோ பிரேம் டைமிங் மேலாண்மையில் தேர்ச்சி பெறுதல்

வெப்கோடெக்ஸ் ஏபிஐ (WebCodecs API) இணையப் பயன்பாடுகளில் நாம் வீடியோவைச் செயலாக்கும் விதத்தில் புரட்சியை ஏற்படுத்தி வருகிறது. இது உலாவியில் உள்ள அடிப்படை மீடியா கோடெக்குகளுக்கு நேரடி அணுகலை வழங்குகிறது, இதன் மூலம் டெவலப்பர்கள் முன்னர் நேட்டிவ் தொழில்நுட்பங்களால் மட்டுமே சாத்தியமான சக்திவாய்ந்த மற்றும் திறமையான வீடியோ பயன்பாடுகளை உருவாக்க முடிகிறது. வீடியோ செயலாக்கத்தின் ஒரு முக்கிய அம்சம் பிரேம் ரேட் கட்டுப்பாடு ஆகும், மேலும் மென்மையான மற்றும் சீரான பார்வை அனுபவத்தை வழங்குவதற்கு இதில் தேர்ச்சி பெறுவது அவசியம். இந்தக் கட்டுரை வெப்கோடெக்ஸில் பிரேம் ரேட் கட்டுப்பாட்டின் நுணுக்கங்களை ஆராய்கிறது, குறிப்பாக வீடியோ பிரேம் டைமிங் மேலாண்மையில் கவனம் செலுத்துகிறது.

பிரேம் ரேட் மற்றும் அதன் முக்கியத்துவத்தைப் புரிந்துகொள்ளுதல்

பிரேம் ரேட், ஒரு வினாடிக்கு பிரேம்கள் (FPS) என்ற அலகில் அளவிடப்படுகிறது, இயக்கத்தின் மாயையை உருவாக்க ஒரு வினாடிக்கு எத்தனை நிலையான படங்கள் காட்டப்படுகின்றன என்பதை இது தீர்மானிக்கிறது. அதிக பிரேம் ரேட் பொதுவாக மென்மையான வீடியோவை விளைவிக்கிறது, அதே நேரத்தில் குறைந்த பிரேம் ரேட் துண்டு துண்டான அல்லது தடைபட்ட இயக்கத்திற்கு வழிவகுக்கும். மனிதக் கண் அதிக பிரேம் ரேட்டுகளில், பொதுவாக 24 FPS அல்லது அதற்கும் அதிகமாக, இயக்கத்தை மிகவும் சீராக உணர்கிறது. வீடியோ கேம்கள் பெரும்பாலும் 60 FPS அல்லது அதற்கும் அதிகமாக இலக்கு வைத்து, மேலும் பதிலளிக்கக்கூடிய மற்றும் ஆழமான அனுபவத்தை வழங்குகின்றன.

வெப்கோடெக்ஸில், விரும்பிய பிரேம் ரேட்டை அடைவது எப்போதும் எளிதானது அல்ல. நெட்வொர்க் நிலைமைகள், செயலாக்க சக்தி மற்றும் வீடியோ உள்ளடக்கத்தின் சிக்கலான தன்மை போன்ற காரணிகள் அனைத்தும் உண்மையான பிரேம் ரேட்டை பாதிக்கலாம். மாறுபட்ட நிலைமைகளின் கீழும், சீரான மற்றும் பார்வைக்கு இதமான பிளேபேக் அனுபவத்தை பராமரிக்க பிரேம் டைமிங்கை சரியாக நிர்வகிப்பது மிகவும் முக்கியம்.

வெப்கோடெக்ஸ்: ஒரு சுருக்கமான கண்ணோட்டம்

பிரேம் ரேட் கட்டுப்பாட்டிற்குள் செல்வதற்கு முன், வெப்கோடெக்ஸ் ஏபிஐ-யின் முக்கிய கூறுகளை சுருக்கமாகப் பார்ப்போம்:

• VideoEncoder: மூல வீடியோ பிரேம்களை சுருக்கப்பட்ட வீடியோ தரவுகளாக என்கோட் செய்கிறது.
• VideoDecoder: சுருக்கப்பட்ட வீடியோ தரவுகளை மீண்டும் மூல வீடியோ பிரேம்களாக டீகோட் செய்கிறது.
• EncodedVideoChunk: ஒரு ஒற்றை என்கோட் செய்யப்பட்ட வீடியோ பிரேமைக் குறிக்கிறது.
• VideoFrame: ஒரு ஒற்றை டீகோட் செய்யப்பட்ட வீடியோ பிரேமைக் குறிக்கிறது.
• MediaStreamTrackProcessor: ஒரு MediaStreamTrack-ஐ (எ.கா., வெப்கேம் அல்லது திரை பிடிப்பிலிருந்து) செயலாக்கி, மூல வீடியோ பிரேம்களுக்கான அணுகலை வழங்குகிறது.

இந்த கூறுகளைப் பயன்படுத்தி, டெவலப்பர்கள் என்கோடிங், டீகோடிங், டிரான்ஸ்கோடிங் மற்றும் வீடியோ விளைவுகளைப் பயன்படுத்துதல் போன்ற பல்வேறு செயல்பாடுகளைச் செய்யும் தனிப்பயன் வீடியோ பைப்லைன்களை உருவாக்க முடியும்.

வெப்கோடெக்ஸில் பிரேம் டைமிங் மேலாண்மை நுட்பங்கள்

பிரேம் டைமிங் மேலாண்மை என்பது பிரேம்கள் எப்போது, எவ்வளவு அடிக்கடி டீகோட் செய்யப்பட்டு காட்டப்படுகின்றன என்பதைக் கட்டுப்படுத்துவதை உள்ளடக்கியது. வெப்கோடெக்ஸில் துல்லியமான பிரேம் ரேட் கட்டுப்பாட்டை அடைய நீங்கள் பயன்படுத்தக்கூடிய பல நுட்பங்கள் இங்கே:

1. பிரசன்டேஷன் டைம்ஸ்டாம்ப்களை (PTS) பயன்படுத்துதல்

வெப்கோடெக்ஸில் உள்ள ஒவ்வொரு VideoFrame பொருளுக்கும் ஒரு timestamp பண்பு உள்ளது, இது பிரசன்டேஷன் டைம்ஸ்டாம்ப் (PTS) என்றும் அழைக்கப்படுகிறது. PTS, வீடியோ ஸ்ட்ரீமின் தொடக்கத்துடன் தொடர்புடையதாக, பிரேம் எப்போது காட்டப்பட வேண்டும் என்பதைக் குறிக்கிறது. ஒத்திசைவைப் பராமரிக்கவும், பிளேபேக் சிக்கல்களைத் தவிர்க்கவும் PTS-ஐ சரியாகக் கையாள்வது அவசியம்.

எடுத்துக்காட்டு: நீங்கள் 30 FPS பிரேம் ரேட் கொண்ட ஒரு வீடியோவை டீகோட் செய்கிறீர்கள் என்று வைத்துக்கொள்வோம். அடுத்தடுத்த பிரேம்களுக்கு இடையேயான எதிர்பார்க்கப்படும் PTS அதிகரிப்பு தோராயமாக 33.33 மில்லி விநாடிகளாக இருக்கும் (1000ms / 30 FPS). ஒரு பிரேமின் PTS இந்த எதிர்பார்க்கப்படும் மதிப்பிலிருந்து கணிசமாக விலகினால், அது ஒரு டைமிங் சிக்கல் அல்லது கைவிடப்பட்ட பிரேமைக் குறிக்கலாம்.

செயல்படுத்துதல்:

            
let lastTimestamp = null;

decoder.decode = (chunk) => {
  decoder.decode(chunk, {
    keyFrame: chunk.type === "key",
  });
};

decoder.configure({
  codec: codecString,
  codedWidth: width,
  codedHeight: height,
  description: init.decoderConfig.description,
  optimizeForLatency: true,
  hardwareAcceleration: "prefer-hardware",
  error: (e) => console.error(e),
  output: (frame) => {
    if (lastTimestamp !== null) {
      const expectedDelta = 1000 / frameRate; // Milliseconds per frame
      const actualDelta = frame.timestamp - lastTimestamp;
      const deltaError = Math.abs(actualDelta - expectedDelta);

      if (deltaError > expectedDelta / 4) {
        console.warn("Frame timing issue: Expected delta:", expectedDelta, "Actual delta:", actualDelta);
      }
    }

    lastTimestamp = frame.timestamp;
    renderFrame(frame);
    frame.close();
  },
});

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், வீடியோவின் பிரேம் ரேட்டின் அடிப்படையில் எதிர்பார்க்கப்படும் PTS அதிகரிப்பைக் கணக்கிட்டு, அதை அடுத்தடுத்த பிரேம்களுக்கு இடையேயான உண்மையான PTS வேறுபாட்டுடன் ஒப்பிடுகிறோம். வேறுபாடு ஒரு குறிப்பிட்ட வரம்பை மீறினால், ஒரு எச்சரிக்கை பதிவு செய்யப்படுகிறது, இது ஒரு சாத்தியமான டைமிங் சிக்கலைக் குறிக்கிறது.

2. மென்மையான ரெண்டரிங்கிற்காக requestAnimationFrame பயன்படுத்துதல்

requestAnimationFrame ஏபிஐ என்பது உலாவி வழங்கும் ஒரு செயல்பாடு ஆகும், இது அடுத்த மறுவரைவுக்கு முன் ஒரு கால்பேக்கை இயக்க திட்டமிடுகிறது. இணையப் பயன்பாடுகளில் காட்சியைப் புதுப்பிக்க இதுவே பரிந்துரைக்கப்பட்ட வழியாகும், ஏனெனில் இது உலாவியின் புதுப்பிப்பு வீதத்துடன் (வழக்கமாக 60 Hz அல்லது அதற்கும் அதிகமாக) ரெண்டரிங்கை ஒத்திசைக்கிறது.

வீடியோ பிரேம்களைக் காட்ட requestAnimationFrame-ஐப் பயன்படுத்துவதன் மூலம், ரெண்டரிங் மென்மையாகவும், கிழிதல் அல்லது தடைபடுதல் போன்றவற்றைத் தவிர்ப்பதாகவும் இருப்பதை உறுதிசெய்யலாம். பிரேம்கள் டீகோட் செய்யப்பட்டவுடன் நேரடியாக ரெண்டர் செய்வதற்குப் பதிலாக, அவற்றை வரிசைப்படுத்தி, பின்னர் சரியான நேரத்தில் அவற்றைக் காட்ட requestAnimationFrame-ஐப் பயன்படுத்தலாம்.

எடுத்துக்காட்டு:

            
let frameQueue = [];
let isRendering = false;

function renderFrame(frame) {
  frameQueue.push(frame);

  if (!isRendering) {
    isRendering = true;
    requestAnimationFrame(displayFrames);
  }
}

function displayFrames() {
  if (frameQueue.length > 0) {
    const frame = frameQueue.shift();
    // Render the frame to the canvas or other display element
    drawImage(frame);
    frame.close();
    requestAnimationFrame(displayFrames); //Schedule next frame
  } else {
    isRendering = false;
  }
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், renderFrame செயல்பாடு ஒவ்வொரு டீகோட் செய்யப்பட்ட பிரேமையும் ஒரு வரிசையில் சேர்க்கிறது. displayFrames செயல்பாடு, requestAnimationFrame-ஆல் அழைக்கப்படுகிறது, பிரேம்களை வரிசையிலிருந்து எடுத்து ரெண்டர் செய்கிறது. இது பிரேம்கள் உலாவியின் புதுப்பிப்பு வீதத்துடன் ஒத்திசைந்து காட்டப்படுவதை உறுதி செய்கிறது.

3. ஒரு பிரேம் ரேட் லிமிட்டரை செயல்படுத்துதல்

சில சந்தர்ப்பங்களில், வீடியோ மூலத்தில் அதிக பிரேம் ரேட் இருந்தாலும், நீங்கள் பிரேம் ரேட்டை ஒரு குறிப்பிட்ட மதிப்புக்கு மட்டுப்படுத்த விரும்பலாம். இது CPU பயன்பாட்டைக் குறைப்பதற்கோ அல்லது உங்கள் பயன்பாட்டில் உள்ள பிற கூறுகளுடன் வீடியோ பிளேபேக்கை ஒத்திசைப்பதற்கோ பயனுள்ளதாக இருக்கும்.

கடைசியாகக் காட்டப்பட்ட பிரேமிலிருந்து கடந்த நேரத்தைக் கண்காணித்து, விரும்பிய பிரேம் ரேட்டைச் சந்திக்க போதுமான நேரம் கடந்திருந்தால் மட்டுமே புதிய பிரேமை ரெண்டர் செய்வதன் மூலம் ஒரு பிரேம் ரேட் லிமிட்டரை செயல்படுத்த முடியும்.

எடுத்துக்காட்டு:

            
const targetFPS = 30;
const frameInterval = 1000 / targetFPS; // Milliseconds per frame
let lastFrameTime = 0;

function renderFrame(frame) {
  const now = performance.now();
  const elapsed = now - lastFrameTime;

  if (elapsed >= frameInterval) {
    // Render the frame
    drawImage(frame);
    frame.close();
    lastFrameTime = now - (elapsed % frameInterval); // Adjust for drift
  }
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டு இலக்கு பிரேம் ரேட்டிற்குத் தேவையான நேர இடைவெளியைக் கணக்கிடுகிறது மற்றும் கடைசி பிரேமிலிருந்து கடந்த நேரம் இந்த இடைவெளிக்கு அதிகமாகவோ அல்லது சமமாகவோ இருந்தால் மட்டுமே ஒரு பிரேமை ரெண்டர் செய்கிறது. elapsed % frameInterval சரிசெய்தல், காலப்போக்கில் விலகலைத் தடுக்கவும், சீரான பிரேம் ரேட்டைப் பராமரிக்கவும் முக்கியமானது.

4. தகவமைப்பு பிரேம் ரேட் கட்டுப்பாடு

நிஜ உலக சூழ்நிலைகளில், நெட்வொர்க் நிலைமைகள் மற்றும் செயலாக்க சக்தி ஏற்ற இறக்கமாக இருக்கலாம், இது உண்மையான பிரேம் ரேட்டில் மாறுபாடுகளுக்கு வழிவகுக்கும். தகவமைப்பு பிரேம் ரேட் கட்டுப்பாடு என்பது இந்த நிலைமைகளின் அடிப்படையில் பிரேம் ரேட்டை மாறும் வகையில் சரிசெய்வதன் மூலம் மென்மையான பிளேபேக் அனுபவத்தை பராமரிப்பதாகும்.

தகவமைப்பு பிரேம் ரேட் கட்டுப்பாட்டிற்கான நுட்பங்கள்:

• பிரேம் கைவிடுதல் (Frame Dropping): கணினி அதிக சுமையுடன் இருந்தால், செயலாக்கச் சுமையைக் குறைக்க நீங்கள் தேர்ந்தெடுக்கப்பட்ட பிரேம்களைக் கைவிடலாம். இது குறைவான முக்கியமான உள்ளடக்கம் கொண்ட பிரேம்களைத் தவிர்ப்பதன் மூலமோ அல்லது கீபிரேம்களுக்கு முன்னுரிமை அளிப்பதன் மூலமோ செய்யப்படலாம்.
• ரெசல்யூஷன் அளவிடுதல் (Resolution Scaling): டீகோடிங் செயல்முறை மெதுவாக இருந்தால், செயல்திறனை மேம்படுத்த வீடியோவின் ரெசல்யூஷனைக் குறைக்கலாம். இது செயலாக்கப்பட வேண்டிய தரவுகளின் அளவைக் குறைக்கும் மற்றும் சீரான பிரேம் ரேட்டைப் பராமரிக்க உதவும்.
• பிட்ரேட் தழுவல் (Bitrate Adaptation): நெட்வொர்க் அலைவரிசை குறைவாக இருந்தால், பதிவிறக்கம் செய்யப்பட வேண்டிய தரவுகளின் அளவைக் குறைக்க குறைந்த பிட்ரேட் கொண்ட வீடியோ ஸ்ட்ரீமிற்கு மாறலாம். இது பஃபரிங்கைத் தடுத்து, மென்மையான பிளேபேக் அனுபவத்தை உறுதிசெய்யும்.
• டீகோடர் உள்ளமைவைச் சரிசெய்தல்: சில டீகோடர்கள் செயல்திறன் பண்புகளைச் சரிசெய்ய இயக்க நேரத்தில் மறுஉள்ளமைவை அனுமதிக்கின்றன.

எடுத்துக்காட்டு (பிரேம் கைவிடுதல்):

            
let frameCounter = 0;
const dropEveryNFrames = 2; // Drop every other frame

function renderFrame(frame) {
  frameCounter++;
  if (frameCounter % dropEveryNFrames === 0) {
    //Drop this frame
    frame.close();
    return;
  }

  // Render the frame
  drawImage(frame);
  frame.close();
}

            

              
                Copy
              
            
          

5. செயல்திறன் அளவீடுகளைக் கண்காணித்தல்

பிரேம் ரேட்டை திறம்பட நிர்வகிக்கவும் செயல்திறனை மேம்படுத்தவும், முக்கிய செயல்திறன் அளவீடுகளைக் கண்காணிப்பது அவசியம். நீங்கள் கண்காணிக்க வேண்டிய சில அளவீடுகள் இங்கே:

• டீகோடிங் நேரம்: ஒவ்வொரு பிரேமையும் டீகோட் செய்ய எடுக்கும் நேரம்.
• ரெண்டரிங் நேரம்: ஒவ்வொரு பிரேமையும் காட்சிக்கு ரெண்டர் செய்ய எடுக்கும் நேரம்.
• பிரேம் வரிசை நீளம்: ரெண்டர் செய்யக் காத்திருக்கும் பிரேம்களின் எண்ணிக்கை.
• CPU பயன்பாடு: வீடியோ செயலாக்க பைப்லைன் பயன்படுத்தும் CPU சதவீதம்.
• நினைவகப் பயன்பாடு: வீடியோ செயலாக்க பைப்லைன் பயன்படுத்தும் நினைவகத்தின் அளவு.
• நெட்வொர்க் அலைவரிசை: நெட்வொர்க் வழியாக மாற்றப்படும் தரவுகளின் அளவு.

இந்த அளவீடுகளைக் கண்காணிப்பதன் மூலம், நீங்கள் இடையூறுகளைக் கண்டறிந்து, செயல்திறனை மேம்படுத்தவும், சீரான பிரேம் ரேட்டைப் பராமரிக்கவும் உங்கள் குறியீட்டை மேம்படுத்தலாம். உலாவி டெவலப்பர் கருவிகள் பெரும்பாலும் செயல்திறன் சிக்கல்களைக் கண்டறிய உதவும் சுயவிவர அம்சங்களை வழங்குகின்றன.

நடைமுறை எடுத்துக்காட்டுகள் மற்றும் பயன்பாட்டு நிகழ்வுகள்

பல்வேறு பயன்பாடுகளில் பிரேம் ரேட் கட்டுப்பாடு அவசியம். இங்கே சில நடைமுறை எடுத்துக்காட்டுகள்:

• வீடியோ கான்பரன்சிங்: வீடியோ கான்பரன்சிங் பயன்பாடுகளில், மென்மையான மற்றும் இயல்பான தோற்றமுடைய வீடியோ ஊட்டத்தை வழங்க நிலையான பிரேம் ரேட்டைப் பராமரிப்பது அவசியம். நெட்வொர்க் நிலைமைகள் மற்றும் செயலாக்க சக்திக்கு ஏற்ப பிரேம் ரேட்டை சரிசெய்ய தகவமைப்பு பிரேம் ரேட் கட்டுப்பாடு பயன்படுத்தப்படலாம்.
• லைவ் ஸ்ட்ரீமிங்: லைவ் ஸ்ட்ரீமிங் தளங்கள் ஏற்ற இறக்கமான நெட்வொர்க் நிலைமைகளைக் கையாள வேண்டும் மற்றும் பார்வையாளர்கள் சீரான மற்றும் உயர்தர வீடியோ ஸ்ட்ரீமைப் பெறுவதை உறுதி செய்ய வேண்டும். வெவ்வேறு நெட்வொர்க் நிலைமைகள் மற்றும் சாதன திறன்களுக்கு வீடியோ ஸ்ட்ரீமை மேம்படுத்த பிரேம் ரேட் கட்டுப்பாடு பயன்படுத்தப்படலாம்.
• கேமிங்: இணைய அடிப்படையிலான கேம்களுக்கு பெரும்பாலும் பதிலளிக்கக்கூடிய மற்றும் ஆழமான அனுபவத்திற்கு அதிக பிரேம் ரேட்கள் தேவைப்படுகின்றன. விளையாட்டின் செயல்திறனை மேம்படுத்தவும், வெவ்வேறு சாதனங்களில் அது சீராக இயங்குவதை உறுதி செய்யவும் பிரேம் ரேட் கட்டுப்பாடு பயன்படுத்தப்படலாம்.
• வீடியோ எடிட்டிங்: வீடியோ எடிட்டிங் பயன்பாடுகள் பெரிய வீடியோ கோப்புகளைக் கையாள வேண்டும் மற்றும் டிரான்ஸ்கோடிங் மற்றும் வீடியோ விளைவுகளைப் பயன்படுத்துதல் போன்ற சிக்கலான செயல்பாடுகளைச் செய்ய வேண்டும். எடிட்டிங் செயல்முறையை மேம்படுத்தவும், இறுதி வெளியீடு விரும்பிய பிரேம் ரேட்டைக் கொண்டிருப்பதை உறுதி செய்யவும் பிரேம் ரேட் கட்டுப்பாடு பயன்படுத்தப்படலாம்.
• ஊடாடும் வீடியோ நிறுவல்கள் (எ.கா., அருங்காட்சியகங்கள், கண்காட்சிகள்): பல வீடியோ ஸ்ட்ரீம்கள் மற்றும் ஊடாடும் கூறுகளை ஒத்திசைக்க பெரும்பாலும் துல்லியமான பிரேம் டைமிங் தேவைப்படுகிறது. வெப்கோடெக்ஸ் இணைய உலாவிகளுக்குள் சிக்கலான ஊடாடும் வீடியோ அனுபவங்களை செயல்படுத்த முடியும், இது ஒரு புதிய நிலை ஆழமான டிஜிட்டல் கலையைத் திறக்கிறது.

சர்வதேச எடுத்துக்காட்டு: குறைந்த அலைவரிசை சூழல்களில் வீடியோ கான்பரன்சிங்

குறைந்த இணைய இணைப்பு உள்ள இந்தியாவின் கிராமப்புறங்களில் பயன்படுத்தப்படும் ஒரு வீடியோ கான்பரன்சிங் பயன்பாட்டை கற்பனை செய்து பாருங்கள். ஒரு பயன்படுத்தக்கூடிய அனுபவத்தை உறுதிசெய்ய, பயன்பாடு பிரேம் ரேட்டை தீவிரமாக நிர்வகிக்க வேண்டும். இது அதிக பிரேம் ரேட் வீடியோவை விட ஆடியோ பரிமாற்றத்திற்கு முன்னுரிமை அளிக்கலாம், பிரேம் கைவிடுதல் மற்றும் ரெசல்யூஷன் அளவிடுதல் போன்ற நுட்பங்களைப் பயன்படுத்தி, ஆடியோ தெளிவை முழுமையாக தியாகம் செய்யாமல் ஒரு அடிப்படை அளவிலான காட்சித் தொடர்பைப் பராமரிக்கலாம்.

குறியீடு எடுத்துக்காட்டுகள் மற்றும் சிறந்த நடைமுறைகள்

வெப்கோடெக்ஸில் பிரேம் ரேட் கட்டுப்பாட்டை செயல்படுத்துவதற்கான சில குறியீடு எடுத்துக்காட்டுகள் மற்றும் சிறந்த நடைமுறைகள் இங்கே:

1. டீகோடர் பிழைகளைக் கையாளுதல்

சிதைந்த வீடியோ தரவு அல்லது ஆதரிக்கப்படாத கோடெக்குகள் போன்ற பல்வேறு காரணங்களால் டீகோடர் பிழைகள் ஏற்படலாம். இந்தப் பிழைகளை நளினமாகக் கையாள்வதும், அவை பயன்பாட்டை செயலிழக்கச் செய்வதைத் தடுப்பதும் முக்கியம். ஒரு பொதுவான அணுகுமுறை, பிழையைப் பதிவுசெய்து, டீகோடரை மீட்டமைப்பதன் மூலமோ அல்லது வேறு வீடியோ ஸ்ட்ரீமிற்கு மாறுவதன் மூலமோ மீட்க முயற்சிக்கும் ஒரு பிழை கையாளரை செயல்படுத்துவதாகும்.

            
decoder.configure({
  //...
  error: (e) => {
    console.error("Decoder error:", e);
    // Attempt to recover by resetting the decoder or switching to a different video stream
    // decoder.reset(); or switchVideoStream();
  },
  output: (frame) => {
    // Process the frame
  },
});

            

              
                Copy
              
            
          

2. என்கோடிங் மற்றும் டீகோடிங் செயல்திறனை மேம்படுத்துதல்

வீடியோவை என்கோடிங் மற்றும் டீகோடிங் செய்வது கணக்கீட்டு ரீதியாக தீவிரமான பணிகளாக இருக்கலாம். செயல்திறனை மேம்படுத்த, பின்வருவனவற்றைக் கருத்தில் கொள்ளுங்கள்:

• வன்பொருள் முடுக்கம்: என்கோடிங் மற்றும் டீகோடிங்கிற்காக GPU-ஐப் பயன்படுத்த வன்பொருள் முடுக்கத்தை இயக்கவும். வெப்கோடெக்ஸ் உங்களை என்கோடர் மற்றும் டீகோடர் உள்ளமைவில் hardwareAcceleration: "prefer-hardware" என்று குறிப்பிட அனுமதிக்கிறது.
• வெப்அசெம்பிளி (WASM): கோடெக் செயலாக்கங்கள் போன்ற கணக்கீட்டு ரீதியாக தீவிரமான பணிகளுக்கு WASM-ஐப் பயன்படுத்தவும்.
• வொர்க்கர் த்ரெட்கள்: பிரதான த்ரெட்டைத் தடுப்பதைத் தவிர்க்க என்கோடிங் மற்றும் டீகோடிங் பணிகளை வொர்க்கர் த்ரெட்களுக்கு அனுப்பவும். இது பயன்பாட்டின் பதிலளிப்புத் தன்மையை மேம்படுத்தும்.
• திறமையான நினைவக மேலாண்மை: தேவையற்ற நினைவக ஒதுக்கீடுகள் மற்றும் நீக்கங்களைத் தவிர்க்கவும். முடிந்தவரை VideoFrame பொருள்கள் மற்றும் பிற தரவுக் கட்டமைப்புகளை மீண்டும் பயன்படுத்தவும்.
• கோடெக் அமைப்புகளை மேம்படுத்துதல்: தரம் மற்றும் செயல்திறனுக்கு இடையேயான உகந்த சமநிலையைக் கண்டறிய வெவ்வேறு கோடெக் அமைப்புகளுடன் பரிசோதனை செய்யவும்.

3. சரியான ஒத்திசைவை உறுதி செய்தல்

தடையற்ற பார்வை அனுபவத்தை வழங்க ஆடியோ மற்றும் வீடியோவிற்கு இடையேயான ஒத்திசைவு முக்கியமானது. பிரேம்களின் பிரசன்டேஷன் டைம்ஸ்டாம்ப்களை (PTS) பயன்படுத்தி ஆடியோ மற்றும் வீடியோ ஸ்ட்ரீம்கள் சரியாக ஒத்திசைக்கப்படுவதை உறுதி செய்யவும். ஆடியோ மற்றும் வீடியோ கடிகாரங்களை சீரமைக்க நீங்கள் ஒரு கடிகார ஒத்திசைவு அல்காரிதத்தைப் பயன்படுத்தலாம்.

பொதுவான பிரேம் ரேட் சிக்கல்களைச் சரிசெய்தல்

இங்கே சில பொதுவான பிரேம் ரேட் சிக்கல்கள் மற்றும் அவற்றை எவ்வாறு சரிசெய்வது என்பது கொடுக்கப்பட்டுள்ளது:

• துண்டு துண்டான பிளேபேக்: குறைந்த பிரேம் ரேட், கைவிடப்பட்ட பிரேம்கள் அல்லது ஒத்திசைவு சிக்கல்களால் துண்டு துண்டான பிளேபேக் ஏற்படலாம். பிரேம் ரேட்டை சரிபார்க்கவும், பிரேம் வரிசை நீளத்தைக் கண்காணிக்கவும், ஆடியோ மற்றும் வீடியோ ஸ்ட்ரீம்கள் சரியாக ஒத்திசைக்கப்படுவதை உறுதி செய்யவும்.
• தடைபடுதல் (Stuttering): சீரற்ற பிரேம் டைமிங் அல்லது பஃபர் குறைபாடுகளால் தடைபடுதல் ஏற்படலாம். பிரேம்களின் பிரசன்டேஷன் டைம்ஸ்டாம்ப்களை (PTS) சரிபார்த்து, டீகோடர் ஒரு சீரான விகிதத்தில் தரவைப் பெறுவதை உறுதி செய்யவும்.
• கிழிதல் (Tearing): காட்சிப் புதுப்பிப்பு வீதத்துடன் ஒத்திசைவின்றி பிரேம்களை ரெண்டர் செய்வதால் கிழிதல் ஏற்படலாம். உலாவியின் புதுப்பிப்பு வீதத்துடன் ரெண்டரிங்கை ஒத்திசைக்க requestAnimationFrame-ஐப் பயன்படுத்தவும்.
• அதிக CPU பயன்பாடு: திறனற்ற என்கோடிங் அல்லது டீகோடிங் அல்காரிதங்களால் அதிக CPU பயன்பாடு ஏற்படலாம். வன்பொருள் முடுக்கத்தை இயக்கி, CPU பயன்பாட்டைக் குறைக்க உங்கள் குறியீட்டை மேம்படுத்தவும்.
• நினைவகக் கசிவுகள்: VideoFrame பொருள்கள் அல்லது பிற தரவுக் கட்டமைப்புகளைச் சரியாக விடுவிக்காததால் நினைவகக் கசிவுகள் ஏற்படலாம். இனி தேவைப்படாத அனைத்து பிரேம்களையும் frame.close() பயன்படுத்தி மூடுவதை உறுதி செய்யவும்.

வெப்கோடெக்ஸில் பிரேம் ரேட் கட்டுப்பாட்டின் எதிர்காலம்

வெப்கோடெக்ஸ் ஏபிஐ தொடர்ந்து உருவாகி வருகிறது, மேலும் புதிய அம்சங்கள் மற்றும் மேம்பாடுகள் தொடர்ந்து சேர்க்கப்படுகின்றன. எதிர்காலத்தில், இன்னும் மேம்பட்ட பிரேம் ரேட் கட்டுப்பாட்டு திறன்களை நாம் எதிர்பார்க்கலாம், அவை:

• மேலும் நுணுக்கமான கட்டுப்பாடு: என்கோடிங் மற்றும் டீகோடிங் செயல்முறை மீது மேலும் நுணுக்கமான கட்டுப்பாடு, அதாவது ஒவ்வொரு பிரேமிற்கும் பிரேம் ரேட்டை சரிசெய்யும் திறன்.
• மேம்பட்ட என்கோடிங் விருப்பங்கள்: மாறி பிரேம் ரேட் என்கோடிங் மற்றும் உள்ளடக்க-அடிப்படையிலான என்கோடிங் போன்ற மேம்பட்ட என்கோடிங் விருப்பங்கள்.
• மேம்படுத்தப்பட்ட பிழை கையாளுதல்: தானியங்கி பிழை திருத்தம் மற்றும் தடையற்ற ஸ்ட்ரீம் மாறுதல் போன்ற மேம்படுத்தப்பட்ட பிழை கையாளுதல் மற்றும் மீட்பு வழிமுறைகள்.
• தரப்படுத்தப்பட்ட அளவீடுகள்: பிரேம் ரேட் மற்றும் பிற செயல்திறன் அளவுருக்களைக் கண்காணிப்பதற்கான தரப்படுத்தப்பட்ட செயல்திறன் அளவீடுகள் மற்றும் ஏபிஐகள்.

முடிவுரை

வெப்கோடெக்ஸில் வீடியோ செயலாக்கத்தின் ஒரு முக்கிய அம்சம் பிரேம் ரேட் கட்டுப்பாடு ஆகும். பிரேம் டைமிங் மேலாண்மையின் கொள்கைகளைப் புரிந்துகொண்டு, இந்தக் கட்டுரையில் விவாதிக்கப்பட்ட நுட்பங்களைச் செயல்படுத்துவதன் மூலம், மென்மையான மற்றும் சீரான பார்வை அனுபவத்தை வழங்கும் சக்திவாய்ந்த மற்றும் திறமையான வீடியோ பயன்பாடுகளை நீங்கள் உருவாக்க முடியும். பிரேம் ரேட் கட்டுப்பாட்டில் தேர்ச்சி பெற, நெட்வொர்க் நிலைமைகள், செயலாக்க சக்தி மற்றும் வீடியோ உள்ளடக்கத்தின் சிக்கலான தன்மை உள்ளிட்ட பல்வேறு காரணிகளை கவனமாகக் கருத்தில் கொள்ள வேண்டும். செயல்திறன் அளவீடுகளைக் கண்காணித்து, அதற்கேற்ப உங்கள் குறியீட்டை மாற்றியமைப்பதன் மூலம், உங்கள் வீடியோ பைப்லைனை மேம்படுத்தி, மாறுபட்ட நிலைமைகளின் கீழும் விரும்பிய பிரேம் ரேட்டை அடையலாம். வெப்கோடெக்ஸ் ஏபிஐ தொடர்ந்து உருவாகி வருவதால், டெவலப்பர்கள் இணையத்திற்காக இன்னும் அதிநவீன வீடியோ பயன்பாடுகளை உருவாக்க உதவும் மேலும் மேம்பட்ட பிரேம் ரேட் கட்டுப்பாட்டு திறன்களை நாம் எதிர்பார்க்கலாம்.