ดาวน์โหลด WXInlinePlayer - ดาวน์โหลดซอร์สโค้ด WXInlinePlayer

WXInlinePlayer

โค้ดแหล่งที่มา AI

1.3.6

ดาวน์โหลด

การแนะนำ
ลักษณะเฉพาะ
ความเข้ากันได้
ตัวอย่าง
วิธีการคอมไพล์
เริ่มต้นอย่างรวดเร็ว
เอพีไอ
เหตุการณ์
พารามิเตอร์การเริ่มต้น
วิธีเลือกการพึ่งพาการถอดรหัส
วิธีลดความล่าช้าและความหน่วง
การเปรียบเทียบประสิทธิภาพ
คำถามอื่นๆ
แผนโครงการ
สินค้าที่รู้จักใช้
กลุ่มสนับสนุนด้านเทคนิค QQ
บริจาคโครงการ

การแนะนำ

ด้วยการถ่ายทอดสดและวิดีโอสั้นที่เพิ่มขึ้น วิดีโอจึงกลายเป็นวิธีการหลักในการแสดงข้อมูลการปฏิบัติงาน/ผลิตภัณฑ์ เนื่องจากมีข้อมูลจำนวนมาก อย่างไรก็ตาม เนื่องจากความสนใจของผู้ผลิตเบราว์เซอร์ในประเทศหลายราย พวกเขาจึงได้วางข้อจำกัดหลายประการเกี่ยวกับความสามารถด้านวิดีโอของ HTML5 ซึ่งไม่จำกัดเพียง:

ปิดการใช้งานการเล่นอัตโนมัติ
ผู้เล่นถูกเปลี่ยนเป็นผู้เล่นเนทิฟอย่างน่าอัศจรรย์ ซึ่งมีระดับสูงสุดและไม่สามารถเรียงซ้อนด้วยองค์ประกอบที่เกี่ยวข้องกับ HTML
แทรกเนื้อหาโฆษณาก่อนและหลังการเล่น
วิดีโอจะปักหมุดไว้ด้านบนโดยอัตโนมัติ
API ที่เกี่ยวข้องและการใช้งานเหตุการณ์ไม่ได้รับการรวมเป็นหนึ่งเดียว
-

สำหรับคำถามเฉพาะ โปรดดูที่ "การใช้งานการขุดวิดีโอเทอร์มินัลบนมือถือของแอนิเมชั่นเฟรมที่ซับซ้อน" ที่เขียนโดยทีมงาน IMWeb ของ Tencent

เพื่อแก้ไขปัญหาเหล่านี้ เราได้นำ WXInlinePlayer มาใช้โดยการถอดรหัส FLV เทคโนโลยีบุคคลที่สามและ API แพลตฟอร์มที่ใช้มีดังนี้:

OpenH264/TinyH264/de265;
จารึก
WebGL
API เสียงบนเว็บ

ในเวลาเดียวกัน เรายังเขียน FLV Demuxer เวอร์ชัน WebAssembly อีกด้วย คุณสามารถค้นหาโค้ดที่เกี่ยวข้องได้ใน lib/codec

ลักษณะเฉพาะ

รองรับ FLV H264/H265 ตามความต้องการ/ถ่ายทอดสดอย่างเต็มที่
เลือกการพึ่งพาการถอดรหัสได้อย่างอิสระ ใน gzip จริง Tinyh264 ต้องการเพียง ~180k, OpenH264 ~260k, de265 ~210k (วิธีเลือกการพึ่งพาการถอดรหัส)
ปรับให้เหมาะสมเป็นพิเศษสำหรับประสิทธิภาพมือถือ พร้อมหน่วยความจำที่เสถียรและการใช้งาน CPU
การเพิ่มประสิทธิภาพการหน่วงเวลาถ่ายทอดสด ต่ำกว่าการใช้งานวิดีโอดั้งเดิมของ MSE 1-2 วินาที (วิธีลดความล่าช้าและความล่าช้า)
รองรับเสียง/วิดีโออย่างอิสระ
WeChat WebView เล่นอัตโนมัติ
เล่นภาพเคลื่อนไหวอัตโนมัติโดยไม่มีเสียง
ความเข้ากันได้ของ WebView บนมือถือที่ดี

ความเข้ากันได้

การทดสอบความเข้ากันได้ใช้โมเดลที่เกี่ยวข้องซึ่งให้บริการ BrowserStack เพื่อการอ้างอิงเท่านั้น:

แอนดรอยด์ 5+
iOS 10+ (รวมถึง Safari และ WebView)
โครม 25+
ไฟร์ฟอกซ์ 57+
ขอบ 15+
ซาฟารี 10.1+

ตัวอย่าง

https://eroszy.github.io/WXInlinePlayer/example/index.html

วิธีการคอมไพล์

โปรดตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งพัสดุ/emscripten 1.38.45/cmake และ make จากนั้นดำเนินการคำสั่งต่อไปนี้:

npm install # 初始化工程
npm update # 更新工程有关的插件。如果网络错误，改用 cnpm update
bash build.sh

ผลิตภัณฑ์ขั้นสุดท้ายจะอยู่ในโฟลเดอร์ตัวอย่าง

โปรดทราบ:
โปรดสร้างในสภาพแวดล้อม *nix ไม่รับประกันการคอมไพล์ของ OpenH264 ภายใต้ Windows
โปรดตรวจสอบให้แน่ใจว่า emscripten อยู่ในเวอร์ชัน 1.38.45 ไม่เช่นนั้นจะเกิดข้อผิดพลาด wasm32
เวอร์ชัน cmake ต้องเป็น 3.16+

เริ่มต้นอย่างรวดเร็ว

 <!DOCTYPE html >
< html >
< head >
  < meta charset =" UTF-8 " />
  < title > WXInlinePlayer </ title >
  < style >
    * {
      margin: 0;
      padding: 0;
    }

    html,
    body {
      width: 100%;
      height: 100%;
    }
  </ style >
</ head >
< body >
  < canvas id =" container " width =" 800 " height =" 450 " > </ canvas >
  < script src =" ./index.js " > </ script >
  < script >
    if ( WXInlinePlayer . isSupport ( ) ) {
      WXInlinePlayer . init ( {
        asmUrl : './prod.baseline.asm.combine.js' ,
        wasmUrl : './prod.baseline.wasm.combine.js'
      } ) ;

      WXInlinePlayer . ready ( ) . then ( ( ) => {
        const player = new WXInlinePlayer ( {
          url : 'https://static.petera.cn/mm.flv' ,
          $container : document . getElementById ( 'container' ) ,
          hasVideo : true ,
          hasAudio : true ,
          volume : 1.0 ,
          muted : false ,
          autoplay : true ,
          loop : true ,
          isLive : false ,
          chunkSize : 128 * 1024 ,
          preloadTime : 5e2 ,
          bufferingTime : 1e3 ,
          cacheSegmentCount : 64 ,
          customLoader : null
        } ) ;

        const { userAgent } = navigator ;
        const isWeChat = / MicroMessenger / i . test ( userAgent ) ;
        if ( ! isWeChat ) {
          alert ( 'click to play!' ) ;
          document . body . addEventListener ( 'click' , ( ) => {
            player . play ( ) ;
          } ) ;
        }
      } ) ;
    }
  </ script >
</ body >
</ html >

ในไดเร็กทอรีรากของโปรเจ็กต์ ให้ป้อนคำสั่งเพื่อเริ่มต้นเซิร์ฟเวอร์:

npm run serve

จากนั้นป้อน URL เพื่อเข้าถึงการสาธิต:

 http://localhost:8888/example/index.html

เอพีไอ

บูลีน WXInlinePlayer.isSupport (เป็นโมฆะ)

ไม่ว่าสภาพแวดล้อมการดำเนินการปัจจุบันจะรองรับ WXInlinePlayer หรือไม่

 if ( WXInlinePlayer . isSupport ( ) ) {
  console . log ( 'WXInlinePlayer support' ) ;
}

สัญญา WXInlinePlayer.init (วัตถุ)

ในการเริ่มต้น WXInlinePlayer คุณจะต้องส่งที่อยู่เฉพาะของไลบรารีการถอดรหัส H264 ที่โหลดไว้ สำหรับการเลือกไลบรารีการถอดรหัส โปรดดูที่: วิธีเลือกการพึ่งพาการถอดรหัส

 if ( WXInlinePlayer . isSupport ( ) ) {
  WXInlinePlayer . init ( {
    asmUrl : './prod.baseline.asm.combine.js' ,
    wasmUrl : './prod.baseline.wasm.combine.js'
  } ) . catch ( e => {
    console . log ( `WXInlinePlayer init error: ${ e } ` ) ;
  } ) ;
}

สัญญา WXInlinePlayer.ready (เป็นโมฆะ)

WXInlinePlayer พร้อมใช้งานและสามารถเริ่มต้นได้อย่างปลอดภัย

 if ( WXInlinePlayer . isSupport ( ) ) {
  WXInlinePlayer . init ( { /*.....*/ } ) ;
  WXInlinePlayer . ready ( ) . then ( ( ) => {
    console . log ( 'WXInlinePlayer ready' ) ;
  } ) ;
}

WXInlinePlayerInstance WXInlinePlayer(วัตถุ)

ตัวสร้าง WXInlinePlayer โปรดดูที่: พารามิเตอร์การเริ่มต้นสำหรับพารามิเตอร์การเริ่มต้นที่เกี่ยวข้อง

 WXInlinePlayer . ready ( ) . then ( ( ) => {
  const player = new WXInlinePlayer ( { /*...*/ } ) ;
} ) ;

เป็นโมฆะ WXInlinePlayerInstance.play (เป็นโมฆะ)

สำหรับการเล่นวิดีโอ โปรดทราบว่าเนื่องจากข้อจำกัดของเบราว์เซอร์ (ยกเว้น WeChat และ Chrome เวอร์ชันต่ำกว่า 66) เวอร์ชันที่สูงกว่าจึงได้ปิดใช้งานการเล่นเสียงอัตโนมัติ ดังนั้นการเรียกใช้วิธีนี้โดยตรงอาจไม่ได้ผล โปรดคลิก/touchstart/touchend/touchmove ฯลฯ อนุญาตให้ผู้ใช้ กระตุ้นเหตุการณ์อย่างแข็งขัน

 document . body . addEventListener ( 'click' , ( ) => {
  player . play ( ) ;
} ) ;

เป็นโมฆะ WXInlinePlayerInstance.stop (เป็นโมฆะ)

หยุดผู้เล่นทั้งหมดและไม่สามารถเล่นต่อได้

 player . stop ( ) ;

เป็นโมฆะ WXInlinePlayerInstance.pause (เป็นโมฆะ)

หยุดการเล่นปัจจุบันชั่วคราว

 player . pause ( ) ;

เป็นโมฆะ WXInlinePlayerInstance.resume (เป็นโมฆะ)

ดำเนินการดำเนินการที่หยุดชั่วคราวต่อซึ่งเกิดจากการหยุดชั่วคราว

 player . resume ( ) ;

หมายเลข | โมฆะ WXInlinePlayerInstance.volume (หมายเลข | โมฆะ)

รับ/ตั้งค่าระดับเสียงปัจจุบัน

 const volume = player . volume ( ) ; // get volume
player . volume ( volume ) ; // set volume

บูลีน | โมฆะ WXInlinePlayerInstance.mute (บูลีน | โมฆะ)

รับ/ตั้งค่าสถานะปิดเสียง

 const muted = player . mute ( ) ; // get mute
player . mute ( muted ) ; // set mute

เป็นโมฆะ WXInlinePlayerInstance.destroy (เป็นโมฆะ)

ทำลายเครื่องเล่นและปล่อยหน่วยความจำทั้งหมดเพื่อนำไปรีไซเคิล

 player . destroy ( ) ;

หมายเลข WXInlinePlayerInstance.getCurrentTime (เป็นโมฆะ)

รับเวลาเล่นปัจจุบัน โปรดทราบว่าอาจมีค่าลบ ดังนั้นโปรดจัดการด้วยความระมัดระวัง

 player . on ( 'timeUpdate' , ( ) => {
  let currentTime = player . getCurrentTime ( ) ;
  currentTime = currentTime <= 0 ? 0 : currentTime ;
} ) ;

หมายเลข WXInlinePlayerInstance.getAvaiableDuration (เป็นโมฆะ)

ระยะเวลาที่สามารถเล่นได้สามารถเข้าใจได้ว่าเป็นระยะเวลาบัฟเฟอร์

 player . on ( 'timeUpdate' , ( ) => {
  const duration = player . getAvaiableDuration ( ) ;
} ) ;

เหตุการณ์

mediaInfo(Object) - ข้อมูลที่เกี่ยวข้องกับวิดีโอ เช่น ความกว้าง/ความสูง/fps/เฟรมเรต เป็นต้น
กำลังเล่น(เป็นโมฆะ) - เริ่ม/เล่น
การบัฟเฟอร์(เป็นโมฆะ) - ข้อมูลเฟรมภายในไม่เพียงพอ เริ่มการบัฟเฟอร์
หยุด(เป็นโมฆะ) - หยุดเล่น
end(void) - สิ้นสุดการเล่น
timeUpdate(currentTime:Number) - ความคืบหน้าในการเล่นปัจจุบัน ทริกเกอร์ทุกๆ 250ms
loadError({status:Number, statusText:String, detail:Object}) - การโหลดล้มเหลว
loadSuccess(void) - โหลดสำเร็จ
ประสิทธิภาพ ({averageDecodeCost:Number, AverageUnitDuration:Number}) - เหตุการณ์การตรวจจับประสิทธิภาพการเข้ารหัส, AverageDecodeCost แสดงถึงระยะเวลาการถอดรหัสโดยเฉลี่ย, AverageUnitDuration แสดงถึงระยะเวลาของหน่วยที่สามารถเล่นได้จากการถอดรหัสภายใต้ AverageDecodeCost

วิธีเลือกการพึ่งพาการถอดรหัส

ปัจจุบันมีไลบรารีการถอดรหัสอยู่ 3 ชุด ได้แก่

prod.baseline.asm.combine / prod.baseline.wasm.combine
prod.all.asm.combine / prod.all.wasm.combine
prod.h265.asm.combine / prod.h265.wasm.combine

ความแตกต่างคือ:

ขนาดไฟล์พื้นฐานจะเล็กกว่า (เล็กกว่าทั้งหมด 80k หลังจาก gzip) แต่รองรับเฉพาะโปรไฟล์พื้นฐานเท่านั้น
โปรไฟล์ของ all รองรับความสมบูรณ์มากขึ้น (พื้นฐาน/หลัก/สูง) และประสิทธิภาพดีกว่าพื้นฐาน
h265 รองรับสตรีม h265 flv เป็นหลัก การใช้งานนี้จะขยายรูปแบบ FLV และอ้างอิงถึงข้อกำหนดการขยายของ Kingsoft หากคุณมีความต้องการดังกล่าว โปรดดูข้อกำหนดการขยาย FLV ของ Kingsoft

เราขอแนะนำให้ใช้ baseline.asm/baseline.wasm เมื่อคุณเล่นวิดีโอโฆษณา/วิดีโอการตลาด/วิดีโอแอนิเมชันขนาดเล็กที่มีความละเอียดอ่อนต่อขนาดของไลบรารีที่ต้องพึ่งพา และใช้เมื่อเล่นวิดีโอตามความต้องการ/วิดีโอสดที่ไม่ละเอียดอ่อน ขนาดของไลบรารีที่ต้องพึ่งพา all.asm/all.wasm

การเปรียบเทียบประสิทธิภาพ

บนเครื่องพัฒนา สำหรับวิดีโอเดียวกัน การใช้งาน WXInlinePlayer และ FFMpeg เช่น Taobao และ Huajiao มีการใช้หน่วยความจำและการใช้งาน CPU ที่คล้ายกัน ประสิทธิภาพโดยรวมของ WXInlinePlayer นั้นดีกว่าโซลูชัน FFMpeg ประมาณ 5-10% ในขณะที่ H265 มีการลดการบล็อก ประสิทธิภาพดีกว่าโซลูชัน FFMpeg ประมาณ 30% ต่อไปนี้เป็นการเปรียบเทียบประสิทธิภาพการเล่น H265:

การเปรียบเทียบประสิทธิภาพ

วิธีลดความล่าช้าและความหน่วง

ความล่าช้าและความล่าช้าของ WXInlinePlayer ส่วนใหญ่มาจากสามแห่ง:

ความล่าช้าในการโหลดเครือข่าย
ความล่าช้าในการถอดรหัสแบบนุ่มนวล
การแสดงผลล่าช้า

โดยทั่วไป หากสภาพแวดล้อมเครือข่ายของผู้ใช้ดี ก็เป็นเรื่องยากที่จะทำให้เกิดปัญหาคอขวดเนื่องจากการใช้ WebGL ในการเรนเดอร์ (การดำเนินการนั้นง่ายมาก) ซึ่งโดยทั่วไปจะทำให้เกิดความล่าช้าและความล่าช้าอย่างต่อเนื่องเนื่องจากประสิทธิภาพการถอดรหัสแบบซอฟต์ไม่เพียงพอ

เพื่อเพิ่มประสิทธิภาพการหน่วงเวลาที่เกิดจากประสิทธิภาพการถอดรหัสแบบซอฟต์ไม่เพียงพอ โดยทั่วไปเราจะเริ่มจากหลายที่:

โปรไฟล์วิดีโอ: เมื่อเปรียบเทียบกับหลัก/สูง ค่าพื้นฐานจะไม่รวมเฟรม B และมีการใช้การถอดรหัสน้อยกว่า
อัตราเฟรมวิดีโอ: อัตราเฟรมสูงเกินไปจะทำให้การถอดรหัสซอฟต์แวร์ไม่สามารถติดตามได้ คุณสามารถลองลดอัตราเฟรมลง เช่น 24fps
อัตราบิตของวิดีโอ: ยิ่งอัตราบิตสูง วิดีโอก็จะยิ่งมีรายละเอียดมากขึ้นและชัดเจนยิ่งขึ้น แต่จะใช้ประสิทธิภาพในการถอดรหัสมากขึ้น คุณสามารถลองลดอัตราบิตลงได้
ความละเอียดของวิดีโอ: วิดีโอที่สูงเกินไปจะทำให้มีการส่งเฟรมเดี่ยวจำนวนมาก

ปัจจุบัน WXInlinePlayer สามารถถอดรหัสวิดีโอ 1280x720, อัตราโค้ด 1024 และอัตราเฟรม 24fps บนเครื่องระดับกลางถึงระดับสูงได้ค่อนข้างราบรื่น

เกี่ยวกับพารามิเตอร์วิดีโอที่กล่าวถึงข้างต้น คุณสามารถดูได้ผ่าน FFmpeg:

ffmpeg -i " your.flv "

ที่นี่เราจะให้โปรไฟล์/อัตราเฟรม/อัตราโค้ด/ความละเอียดของแพลตฟอร์มหลักเพื่อใช้อ้างอิง:

แพลตฟอร์ม	พิมพ์	ความชัดเจน	ประวัติโดยย่อ	อัตราเฟรม	อัตรารหัส	ปณิธาน
ฟันเสือ	หน้าจอแนวนอน	เอสดี	สูง	ยี่สิบสี่	500,000	800x450
ฟันเสือ	หน้าจอแนวนอน	เอชดี	สูง	ยี่สิบสี่	1200k	1280x720
ฟันเสือ	หน้าจอแนวตั้ง	เอชดี	หลัก	16	1280k	540x960
ชีซิว	หน้าจอแนวตั้ง	เอสดี	สูง	15	307k	204x360
ชีซิว	หน้าจอแนวตั้ง	เอชดี	สูง	15	512k	304x540
ชีซิว	หน้าจอแนวตั้ง	ชัดเจนเป็นพิเศษ	พื้นฐาน	15	1440k	720x1280
ติ๊กต๊อก	หน้าจอแนวตั้ง	ค่าเริ่มต้น	สูง	30	1,600,000 (การเปลี่ยนแปลงเพิ่มเติมสำหรับการอ้างอิงเท่านั้น)	720x1280
คนทำงานเร็ว	หน้าจอแนวตั้ง	ค่าเริ่มต้น	สูง	25	2880k (การเปลี่ยนแปลงเพิ่มเติม สำหรับการอ้างอิงเท่านั้น)	720x1280

เราขอแนะนำให้คุณ:

หากคุณต้องการที่จะครอบคลุมรุ่นต่างๆ ได้มากขึ้น การกำหนดค่า Qixiu SD หรือ HD ก็เหมาะสำหรับคุณ
หากคุณต้องการรองรับเฉพาะโทรศัพท์ Android ระดับกลางถึงระดับสูงและ iPhone6+ การกำหนดค่า Huya HD นั้นเหมาะสำหรับคุณ

พารามิเตอร์การกำหนดค่าเวลาแฝงต่ำที่ใช้กันทั่วไปของ WXInlinePlayer มีดังนี้ สำหรับการอ้างอิงเท่านั้น โปรดปรับเปลี่ยนตามการกำหนดค่าไฟล์สตรีมสด/ตามความต้องการของคุณ:

 {
  chunkSize : 128 * 1024 ,
  preloadTime : 5e2 ,
  bufferingTime : 1e3 ,
  cacheSegmentCount : 64 ,
}

ในเวลาเดียวกัน คุณสามารถใช้ เหตุการณ์ประสิทธิภาพ เพื่อกำหนดประสิทธิภาพการถอดรหัสปัจจุบัน จากนั้นแจ้งให้ผู้ใช้และดาวน์เกรดเป็นโซลูชันการสำรองข้อมูลของคุณ (เช่น การเล่นวิดีโอโดยตรง/ภาพนิ่ง/เฟรมลำดับ ฯลฯ):

 player . on ( 'performance' , ( { averageDecodeCost , averageUnitDuration } ) => {
  const prop = averageUnitDuration / averageDecodeCost ;
  if ( prop >= 2.0 ) {
    console . log ( 'good performance' ) ;
  } else if ( prop < 2.0 && prop >= 1.0 ) {
    console . log ( 'ok, thats fine' ) ;
  } else {
    console . log ( 'bad performance' ) ;
  }
} ) ;

คำถามอื่นๆ

ทำไมไม่คอมไพล์ emscripten หลังจากการย่อขนาด FFmpeg?

ปัจจุบันโซลูชัน FFmpeg มีปัญหาสำคัญหลายประการ อย่างแรกคือขนาดของไลบรารีการถอดรหัสหลังจากลดขนาดแล้วจะมีขนาดประมาณ 2M และ gzip มีขนาดประมาณ 600k ซึ่งเป็นที่ยอมรับไม่ได้สำหรับผลิตภัณฑ์ที่ใส่ใจเกี่ยวกับขนาดของไลบรารีที่ต้องพึ่งพา ประการที่สอง โซลูชันของ FFmpeg นั้นยากที่จะปรับให้เหมาะสมด้วยตัวเอง ตัวอย่างเช่น WXInlinePlayer จะทำการถอดรหัสผู้ปฏิบัติงานหลายคนใน 2.0 ซึ่งมีค่าใช้จ่ายสูงมากในการปรับเปลี่ยนโซลูชันดังกล่าว

เหตุใดเครื่องบางเครื่องจึงค้างบ่อยครั้งเมื่อเล่นแบบออนดีมานด์/ถ่ายทอดสด วิธีแก้ปัญหา?

สาเหตุของความล่าช้าและความล่าช้านั้นซับซ้อน สำหรับ WXInlinePlayer โดยทั่วไปความเร็วในการถอดรหัสไม่สามารถตามความเร็วการเล่นได้ โปรดดูวิธีลดความล่าช้าและความล่าช้าเพื่อการปรับให้เหมาะสม

ทำไมไม่รองรับ UC Browser (iOS/Android)?

ทั้ง iOS และ Android UC มีตอน WebAssembly/ASM.js ดังนั้นจึงไม่รองรับ

จะแปลงไฟล์วิดีโอที่มีอยู่ให้เป็นไฟล์ที่สามารถเล่นได้โดย WXInlinePlayer ได้อย่างไร

โปรดใช้ FFmpeg หรือเครื่องมืออื่นที่คล้ายคลึงกัน นี่คือตัวอย่างคำสั่งง่ายๆ:

ffmpeg -i " your.mp4 " -vcodec libx264 -acodec aac out.flv

วิธีการเข้ารหัส H265 FLV?

ข้อกำหนด FLV ของ WXInlinePlayer เป็นไปตามข้อกำหนดการขยาย FLV ของ Kingsoft หากคุณต้องการทำการเข้ารหัสที่เกี่ยวข้อง คุณสามารถดูแพตช์ FFmpeg ที่เกี่ยวข้องหรือตัวเข้ารหัสที่เขียนโดย Kingsoft

แผนโครงการ

~~V1.1 รองรับ HTTP-FLV และการถอดรหัสสตรีมมิ่ง~~
~~V1.1 รองรับการเล่นเสียงและวิดีโออย่างอิสระ~~
~~V1.2 ช่วยลดความล่าช้าในการสตรีมสด~~
~~V1.3 เพิ่มการรองรับ H265~~
เวอร์ชัน 1.4
- เพิ่มตรรกะของเฟรมแรก
- สร้างตัวถอดรหัสขึ้นใหม่เพื่อแคชข้อมูลเฟรมอย่างแม่นยำ
- ~~รองรับ SharedArrayBuffer ลดการใช้หน่วยความจำและประสิทธิภาพการคัดลอก CPU~~
เวอร์ชัน 1.5
- เพิ่มพารามิเตอร์โปสเตอร์
- เพิ่มการรองรับ OffscreenCanvas เพื่อปรับปรุงประสิทธิภาพและลดการใช้หน่วยความจำ (Chrome 69+)
- จัดเตรียม UI ผู้เล่นเริ่มต้น
V1.7 เพิ่มการรองรับ SIMD สำหรับ H265
V1.8 เพิ่มการรองรับ H264 SIMD
V1.9 รองรับการถอดรหัสแบบขนาน GOP ของผู้ปฏิบัติงานหลายคนเพื่อปรับปรุงประสิทธิภาพการถอดรหัสแบบซอฟต์
V1.10 รองรับการดำเนินการ FLV Seek