How to use makeImageBitmap method in wpt

Best JavaScript code snippet using wpt

videoFrame-construction.any.js

Source:videoFrame-construction.any.js

1// META: global=window,dedicatedworker2// META: script=/webcodecs/utils.js3// META: script=/webcodecs/videoFrame-utils.js4test(t => {5  let image = makeImageBitmap(32, 16);6  let frame = new VideoFrame(image, {timestamp: 10});7  assert_equals(frame.timestamp, 10, 'timestamp');8  assert_equals(frame.duration, null, 'duration');9  assert_equals(frame.visibleRect.width, 32, 'visibleRect.width');10  assert_equals(frame.visibleRect.height, 16, 'visibleRect.height');11  assert_equals(frame.displayWidth, 32, 'displayWidth');12  assert_equals(frame.displayHeight, 16, 'displayHeight');13  frame.close();14}, 'Test we can construct a VideoFrame.');15test(t => {16  let image = makeImageBitmap(32, 16);17  let frame = new VideoFrame(image, {timestamp: 10});18  frame.close();19  assert_equals(frame.format, null, 'format')20  assert_equals(frame.timestamp, null, 'timestamp');21  assert_equals(frame.duration, null, 'duration');22  assert_equals(frame.codedWidth, 0, 'codedWidth');23  assert_equals(frame.codedHeight, 0, 'codedHeight');24  assert_equals(frame.visibleRect, null, 'visibleRect');25  assert_equals(frame.displayWidth, 0, 'displayWidth');26  assert_equals(frame.displayHeight, 0, 'displayHeight');27  assert_equals(frame.colorSpace.primaries, null, 'colorSpace.primaries');28  assert_equals(frame.colorSpace.transfer, null, 'colorSpace.transfer');29  assert_equals(frame.colorSpace.matrix, null, 'colorSpace.matrix');30  assert_equals(frame.colorSpace.fullRange, null, 'colorSpace.fullRange');31  assert_throws_dom('InvalidStateError', () => frame.clone());32}, 'Test closed VideoFrame.');33test(t => {34  let image = makeImageBitmap(32, 16);35  let frame = new VideoFrame(image, {timestamp: -10});36  assert_equals(frame.timestamp, -10, 'timestamp');37  frame.close();38}, 'Test we can construct a VideoFrame with a negative timestamp.');39test(t => {40  let image = makeImageBitmap(1, 1);41  let frame = new VideoFrame(image, {timestamp: 10});42  assert_equals(frame.visibleRect.width, 1, 'visibleRect.width');43  assert_equals(frame.visibleRect.height, 1, 'visibleRect.height');44  assert_equals(frame.displayWidth, 1, 'displayWidth');45  assert_equals(frame.displayHeight, 1, 'displayHeight');46  frame.close();47}, 'Test we can construct an odd-sized VideoFrame.');48test(t => {49  // Test only valid for Window contexts.50  if (!('document' in self))51    return;52  let video = document.createElement('video');53  assert_throws_dom('InvalidStateError', () => {54    let frame = new VideoFrame(video, {timestamp: 10});55  })56}, 'Test constructing w/ unusable image argument throws: HAVE_NOTHING <video>.');57test(t => {58  let canvas = new OffscreenCanvas(0, 0);59  assert_throws_dom('InvalidStateError', () => {60    let frame = new VideoFrame(canvas, {timestamp: 10});61  })62}, 'Test constructing w/ unusable image argument throws: emtpy Canvas.');63test(t => {64  let image = makeImageBitmap(32, 16);65  image.close();66  assert_throws_dom('InvalidStateError', () => {67    let frame = new VideoFrame(image, {timestamp: 10});68  })69}, 'Test constructing w/ unusable image argument throws: closed ImageBitmap.');70test(t => {71  let image = makeImageBitmap(32, 16);72  let frame = new VideoFrame(image, {timestamp: 10});73  frame.close();74  assert_throws_dom('InvalidStateError', () => {75    let newFrame = new VideoFrame(frame);76  })77}, 'Test constructing w/ unusable image argument throws: closed VideoFrame.');78test(t => {79  let init = {80    format: 'I420',81    timestamp: 1234,82    codedWidth: 4,83    codedHeight: 284  };85  let data = new Uint8Array([86    1, 2, 3, 4, 5, 6, 7, 8,  // y87    1, 2,                    // u88    1, 2,                    // v89  ]);90  let i420Frame = new VideoFrame(data, init);91  let image = makeImageBitmap(32, 16);92  assert_throws_js(93      TypeError,94      () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: -1, y: 0, width: 10, height: 10}}),95    'negative visibleRect x');96    assert_throws_js(97      TypeError,98      () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: -10, height: 10}}),99    'negative visibleRect width');100    assert_throws_js(101      TypeError,102      () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: 10, height: 0}}),103    'zero visibleRect height');104    assert_throws_js(105      TypeError,106      () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: Infinity, width: 10, height: 10}}),107    'non finite visibleRect y');108    assert_throws_js(109      TypeError,110      () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: 10, height: Infinity}}),111    'non finite visibleRect height');112    assert_throws_js(113      TypeError,114      () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: 33, height: 17}}),115    'visibleRect area exceeds coded size');116    assert_throws_js(117      TypeError,118      () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 2, y: 2, width: 32, height: 16}}),119    'visibleRect outside coded size');120    assert_throws_js(121      TypeError,122      () => new VideoFrame(image, {timestamp: 10, displayHeight: 10}),123    'displayHeight provided without displayWidth');124    assert_throws_js(125      TypeError,126      () => new VideoFrame(image, {timestamp: 10, displayWidth: 10}),127    'displayWidth provided without displayHeight');128    assert_throws_js(129      TypeError,130      () => new VideoFrame(image, {timestamp: 10, displayWidth: 0, displayHeight: 10}),131    'displayWidth is zero');132    assert_throws_js(133      TypeError,134      () => new VideoFrame(image, {timestamp: 10, displayWidth: 10, displayHeight: 0}),135    'displayHeight is zero');136    assert_throws_js(137      TypeError,138      () => new VideoFrame(i420Frame, {visibleRect: {x: 1, y: 0, width: 2, height: 2}}),139      'visibleRect x is not sample aligned');140    assert_throws_js(141        TypeError,142        () => new VideoFrame(i420Frame, {visibleRect: {x: 0, y: 0, width: 1, height: 2}}),143        'visibleRect width is not sample aligned');144}, 'Test invalid CanvasImageSource constructed VideoFrames');145test(t => {146  let init = {147    format: 'I420',148    timestamp: 1234,149    codedWidth: 4,150    codedHeight: 2151  };152  let data = new Uint8Array([153    1, 2, 3, 4, 5, 6, 7, 8,  // y154    1, 2,                    // u155    1, 2,                    // v156  ]);157  let origFrame = new VideoFrame(data, init);158  let cropLeftHalf = new VideoFrame(origFrame, {visibleRect : {x: 0, y: 0, width: 2, height: 2}});159  assert_equals(cropLeftHalf.codedWidth, origFrame.codedWidth);160  assert_equals(cropLeftHalf.codedHeight, origFrame.codedHeight);161  assert_equals(cropLeftHalf.visibleRect.x, 0);162  assert_equals(cropLeftHalf.visibleRect.y, 0);163  assert_equals(cropLeftHalf.visibleRect.width, 2);164  assert_equals(cropLeftHalf.visibleRect.height, 2);165  assert_equals(cropLeftHalf.displayWidth, 2);166  assert_equals(cropLeftHalf.displayHeight, 2);167}, 'Test visibleRect metadata override where source display size = visible size');168test(t => {169  let init = {170    format: 'I420',171    timestamp: 1234,172    codedWidth: 4,173    codedHeight: 2,174    displayWidth: 8,175    displayHeight: 2176  };177  let data = new Uint8Array([178    1, 2, 3, 4, 5, 6, 7, 8,  // y179    1, 2,                    // u180    1, 2,                    // v181  ]);182  let anamorphicFrame = new VideoFrame(data, init);183  let cropRightFrame = new VideoFrame(anamorphicFrame, {visibleRect : {x: 2, y: 0, width: 2, height: 2}});184  assert_equals(cropRightFrame.codedWidth, anamorphicFrame.codedWidth);185  assert_equals(cropRightFrame.codedHeight, anamorphicFrame.codedHeight);186  assert_equals(cropRightFrame.visibleRect.x, 2);187  assert_equals(cropRightFrame.visibleRect.y, 0);188  assert_equals(cropRightFrame.visibleRect.width, 2);189  assert_equals(cropRightFrame.visibleRect.height, 2);190  assert_equals(cropRightFrame.displayWidth, 4, 'cropRightFrame.displayWidth');191  assert_equals(cropRightFrame.displayHeight, 2, 'cropRightFrame.displayHeight');192}, 'Test visibleRect metadata override where source display width = 2 * visible width (anamorphic)');193test(t => {194  let init = {195    format: 'I420',196    timestamp: 1234,197    codedWidth: 4,198    codedHeight: 2,199    displayWidth: 8,200    displayHeight: 4201  };202  let data = new Uint8Array([203    1, 2, 3, 4, 5, 6, 7, 8,  // y204    1, 2,                    // u205    1, 2,                    // v206  ]);207  let scaledFrame = new VideoFrame(data, init);208  let cropRightFrame = new VideoFrame(scaledFrame, {visibleRect : {x: 2, y: 0, width: 2, height: 2}});209  assert_equals(cropRightFrame.codedWidth, scaledFrame.codedWidth);210  assert_equals(cropRightFrame.codedHeight, scaledFrame.codedHeight);211  assert_equals(cropRightFrame.visibleRect.x, 2);212  assert_equals(cropRightFrame.visibleRect.y, 0);213  assert_equals(cropRightFrame.visibleRect.width, 2);214  assert_equals(cropRightFrame.visibleRect.height, 2);215  assert_equals(cropRightFrame.displayWidth, 4, 'cropRightFrame.displayWidth');216  assert_equals(cropRightFrame.displayHeight, 4, 'cropRightFrame.displayHeight');217}, 'Test visibleRect metadata override where source display size = 2 * visible size for both width and height');218test(t => {219  let image = makeImageBitmap(32, 16);220  let scaledFrame = new VideoFrame(image,221    { visibleRect : {x: 0, y: 0, width: 2, height: 2},222      displayWidth: 10, displayHeight: 20223    });224  assert_equals(scaledFrame.codedWidth, 32);225  assert_equals(scaledFrame.codedHeight, 16);226  assert_equals(scaledFrame.visibleRect.x, 0);227  assert_equals(scaledFrame.visibleRect.y, 0);228  assert_equals(scaledFrame.visibleRect.width, 2);229  assert_equals(scaledFrame.visibleRect.height, 2);230  assert_equals(scaledFrame.displayWidth, 10, 'scaledFrame.displayWidth');231  assert_equals(scaledFrame.displayHeight, 20, 'scaledFrame.displayHeight');232}, 'Test visibleRect + display size metadata override');233test(t => {234  let image = makeImageBitmap(32, 16);235  let scaledFrame = new VideoFrame(image,236    {237      displayWidth: 10, displayHeight: 20238    });239  assert_equals(scaledFrame.codedWidth, 32);240  assert_equals(scaledFrame.codedHeight, 16);241  assert_equals(scaledFrame.visibleRect.x, 0);242  assert_equals(scaledFrame.visibleRect.y, 0);243  assert_equals(scaledFrame.visibleRect.width, 32);244  assert_equals(scaledFrame.visibleRect.height, 16);245  assert_equals(scaledFrame.displayWidth, 10, 'scaledFrame.displayWidth');246  assert_equals(scaledFrame.displayHeight, 20, 'scaledFrame.displayHeight');247}, 'Test display size metadata override');248test(t => {249  assert_throws_js(250      TypeError,251      () => new VideoFrame(252          new Uint8Array(1),253          {format: 'ABCD', timestamp: 1234, codedWidth: 4, codedHeight: 2}),254      'invalid pixel format');255  assert_throws_js(256      TypeError,257      () =>258          new VideoFrame(new Uint32Array(1), {format: 'RGBA', timestamp: 1234}),259      'missing coded size');260  function constructFrame(init) {261    let data = new Uint8Array([262      1, 2, 3, 4, 5, 6, 7, 8,  // y263      1, 2,                    // u264      1, 2,                    // v265    ]);266    return new VideoFrame(data, {...init, format: 'I420'});267  }268  assert_throws_js(269      TypeError, () => constructFrame({270                   timestamp: 1234,271                   codedWidth: Math.pow(2, 32) - 1,272                   codedHeight: Math.pow(2, 32) - 1,273                 }),274      'invalid coded size');275  assert_throws_js(276      TypeError,277      () => constructFrame({timestamp: 1234, codedWidth: 4, codedHeight: 0}),278      'invalid coded height');279  assert_throws_js(280      TypeError,281      () => constructFrame({timestamp: 1234, codedWidth: 0, codedHeight: 4}),282      'invalid coded width');283  assert_throws_js(284      TypeError, () => constructFrame({285                   timestamp: 1234,286                   codedWidth: 4,287                   codedHeight: 2,288                   visibleRect: {x: 100, y: 100, width: 1, height: 1}289                 }),290      'invalid visible left/right');291  assert_throws_js(292      TypeError, () => constructFrame({293                   timestamp: 1234,294                   codedWidth: 4,295                   codedHeight: 2,296                   visibleRect: {x: 0, y: 0, width: 0, height: 2}297                 }),298      'invalid visible width');299  assert_throws_js(300      TypeError, () => constructFrame({301                   timestamp: 1234,302                   codedWidth: 4,303                   codedHeight: 2,304                   visibleRect: {x: 0, y: 0, width: 2, height: 0}305                 }),306      'invalid visible height');307  assert_throws_js(308      TypeError, () => constructFrame({309                   timestamp: 1234,310                   codedWidth: 4,311                   codedHeight: 2,312                   visibleRect: {x: 0, y: 0, width: -100, height: -100}313                 }),314      'invalid negative visible size');315  assert_throws_js(316      TypeError, () => constructFrame({317                   timestamp: 1234,318                   codedWidth: 4,319                   codedHeight: 2,320                   displayWidth: Math.pow(2, 32),321                 }),322      'invalid display width');323  assert_throws_js(324      TypeError, () => constructFrame({325                   timestamp: 1234,326                   codedWidth: 4,327                   codedHeight: 2,328                   displayWidth: Math.pow(2, 32) - 1,329                   displayHeight: Math.pow(2, 32)330                 }),331      'invalid display height');332}, 'Test invalid buffer constructed VideoFrames');333test(t => {334  testBufferConstructedI420Frame('Uint8Array(ArrayBuffer)');335}, 'Test Uint8Array(ArrayBuffer) constructed I420 VideoFrame');336test(t => {337  testBufferConstructedI420Frame('ArrayBuffer');338}, 'Test ArrayBuffer constructed I420 VideoFrame');339test(t => {340  let fmt = 'I420';341  let vfInit = {342    format: fmt,343    timestamp: 1234,344    codedWidth: 4,345    codedHeight: 2,346    colorSpace: {347      primaries: 'smpte170m',348      matrix: 'bt470bg',349    },350  };351  let data = new Uint8Array([352    1, 2, 3, 4, 5, 6, 7, 8,  // y353    1, 2,                    // u354    1, 2,                    // v355  ]);356  let frame = new VideoFrame(data, vfInit);357  assert_equals(frame.colorSpace.primaries, 'smpte170m', 'color primaries');358  assert_true(frame.colorSpace.transfer == null, 'color transfer');359  assert_equals(frame.colorSpace.matrix, 'bt470bg', 'color matrix');360  assert_true(frame.colorSpace.fullRange == null, 'color range');361}, 'Test planar constructed I420 VideoFrame with colorSpace');362test(t => {363  let fmt = 'I420A';364  let vfInit = {format: fmt, timestamp: 1234, codedWidth: 4, codedHeight: 2};365  let data = new Uint8Array([366    1, 2, 3, 4, 5, 6, 7, 8,  // y367    1, 2,                    // u368    1, 2,                    // v369    8, 7, 6, 5, 4, 3, 2, 1,  // a370  ]);371  let frame = new VideoFrame(data, vfInit);372  assert_equals(frame.format, fmt, 'plane format');373  assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');374  assert_equals(frame.colorSpace.transfer, 'bt709', 'color transfer');375  assert_equals(frame.colorSpace.matrix, 'bt709', 'color matrix');376  assert_false(frame.colorSpace.fullRange, 'color range');377  frame.close();378  // Most constraints are tested as part of I420 above.379  let y = {offset: 0, stride: 4};380  let u = {offset: 8, stride: 2};381  let v = {offset: 10, stride: 2};382  let a = {offset: 12, stride: 4};383  assert_throws_js(TypeError, () => {384    let a = {offset: 12, stride: 1};385    let frame = new VideoFrame(data, {...vfInit, layout: [y, u, v, a]});386  }, 'a stride too small');387  assert_throws_js(TypeError, () => {388    let frame = new VideoFrame(data.slice(0, 12), vfInit);389  }, 'data too small');390}, 'Test buffer constructed I420+Alpha VideoFrame');391test(t => {392  let fmt = 'NV12';393  let vfInit = {format: fmt, timestamp: 1234, codedWidth: 4, codedHeight: 2};394  let data = new Uint8Array([395    1, 2, 3, 4, 5, 6, 7, 8,  // y396    1, 2, 3, 4,              // uv397  ]);398  let frame = new VideoFrame(data, vfInit);399  assert_equals(frame.format, fmt, 'plane format');400  assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');401  assert_equals(frame.colorSpace.transfer, 'bt709', 'color transfer');402  assert_equals(frame.colorSpace.matrix, 'bt709', 'color matrix');403  assert_false(frame.colorSpace.fullRange, 'color range');404  frame.close();405  let y = {offset: 0, stride: 4};406  let uv = {offset: 8, stride: 4};407  assert_throws_js(TypeError, () => {408    let y = {offset: 0, stride: 1};409    let frame = new VideoFrame(data, {...vfInit, layout: [y, uv]});410  }, 'y stride too small');411  assert_throws_js(TypeError, () => {412    let uv = {offset: 8, stride: 1};413    let frame = new VideoFrame(data, {...vfInit, layout: [y, uv]});414  }, 'uv stride too small');415  assert_throws_js(TypeError, () => {416    let frame = new VideoFrame(data.slice(0, 8), vfInit);417  }, 'data too small');418}, 'Test buffer constructed NV12 VideoFrame');419test(t => {420  let vfInit = {timestamp: 1234, codedWidth: 4, codedHeight: 2};421  let data = new Uint8Array([422    1,  2,  3,  4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16,423    17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32,424  ]);425  let frame = new VideoFrame(data, {...vfInit, format: 'RGBA'});426  assert_equals(frame.format, 'RGBA', 'plane format');427  assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');428  assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');429  assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');430  assert_true(frame.colorSpace.fullRange, 'color range');431  frame.close();432  frame = new VideoFrame(data, {...vfInit, format: 'RGBX'});433  assert_equals(frame.format, 'RGBX', 'plane format');434  assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');435  assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');436  assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');437  assert_true(frame.colorSpace.fullRange, 'color range');438  frame.close();439  frame = new VideoFrame(data, {...vfInit, format: 'BGRA'});440  assert_equals(frame.format, 'BGRA', 'plane format');441  assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');442  assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');443  assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');444  assert_true(frame.colorSpace.fullRange, 'color range');445  frame.close();446  frame = new VideoFrame(data, {...vfInit, format: 'BGRX'});447  assert_equals(frame.format, 'BGRX', 'plane format');448  assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');449  assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');450  assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');451  assert_true(frame.colorSpace.fullRange, 'color range');452  frame.close();453}, 'Test buffer constructed RGB VideoFrames');454test(t => {455  let image = makeImageBitmap(32, 16);456  let frame = new VideoFrame(image, {timestamp: 0});457  assert_true(!!frame);458  frame_copy = new VideoFrame(frame);459  assert_equals(frame.format, frame_copy.format);460  assert_equals(frame.timestamp, frame_copy.timestamp);461  assert_equals(frame.codedWidth, frame_copy.codedWidth);462  assert_equals(frame.codedHeight, frame_copy.codedHeight);463  assert_equals(frame.displayWidth, frame_copy.displayWidth);464  assert_equals(frame.displayHeight, frame_copy.displayHeight);465  assert_equals(frame.duration, frame_copy.duration);466  frame_copy.close();467  frame_copy = new VideoFrame(frame, {duration: 1234});468  assert_equals(frame.timestamp, frame_copy.timestamp);469  assert_equals(frame_copy.duration, 1234);...

video-frame.any.js

Source:video-frame.any.js

1// META: global=window,dedicatedworker2// META: script=/webcodecs/utils.js3test(t => {4  let image = makeImageBitmap(32, 16);5  let frame = new VideoFrame(image, {timestamp: 10});6  assert_equals(frame.timestamp, 10, "timestamp");7  assert_equals(frame.duration, null, "duration");8  assert_equals(frame.cropWidth, 32, "cropWidth");9  assert_equals(frame.cropHeight, 16, "cropHeight");10  assert_equals(frame.cropWidth, 32, "displayWidth");11  assert_equals(frame.cropHeight, 16, "displayHeight");12  frame.destroy();13}, 'Test we can construct a VideoFrame.');14test(t => {15  let image = makeImageBitmap(1, 1);16  let frame = new VideoFrame(image, {timestamp: 10});17  assert_equals(frame.cropWidth, 1, "cropWidth");18  assert_equals(frame.cropHeight, 1, "cropHeight");19  assert_equals(frame.cropWidth, 1, "displayWidth");20  assert_equals(frame.cropHeight, 1, "displayHeight");21  frame.destroy();22}, 'Test we can construct an odd-sized VideoFrame.');23test(t => {24  let image = makeImageBitmap(32, 16);25  let frame = new VideoFrame(image, {timestamp: 0});26  // TODO(sandersd): This would be more clear as RGBA, but conversion has27  // not be specified (or implemented) yet.28  if (frame.format !== "I420") {29    return;30  }31  assert_equals(frame.planes.length, 3, "number of planes");32  // Validate Y plane metadata.33  let yPlane = frame.planes[0];34  let yStride = yPlane.stride;35  let yRows = yPlane.rows;36  let yLength = yPlane.length;37  // Required minimums to contain the visible data.38  assert_greater_than_equal(yRows, 16, "Y plane rows");39  assert_greater_than_equal(yStride, 32, "Y plane stride");40  assert_greater_than_equal(yLength, 32 * 16, "Y plane length");41  // Not required by spec, but sets limit at 50% padding per dimension.42  assert_less_than_equal(yRows, 32, "Y plane rows");43  assert_less_than_equal(yStride, 64, "Y plane stride");44  assert_less_than_equal(yLength, 32 * 64, "Y plane length");45  // Validate Y plane data.46  let buffer = new ArrayBuffer(yLength);47  let view = new Uint8Array(buffer);48  frame.planes[0].readInto(view);49  // TODO(sandersd): This probably needs to be fuzzy unless we can make50  // guarantees about the color space.51  assert_equals(view[0], 94, "Y value at (0, 0)");52  frame.destroy();53}, 'Test we can read planar data from a VideoFrame.');54test(t => {55  let image = makeImageBitmap(32, 16);56  let frame = new VideoFrame(image, {timestamp: 0});57  // TODO(sandersd): This would be more clear as RGBA, but conversion has58  // not be specified (or implemented) yet.59  if (frame.format !== "I420") {60    return;61  }62  assert_equals(frame.planes.length, 3, "number of planes");63  // Attempt to read Y plane data, but destroy the frame first.64  let yPlane = frame.planes[0];65  let yLength = yPlane.length;66  frame.destroy();67  let buffer = new ArrayBuffer(yLength);68  let view = new Uint8Array(buffer);69  assert_throws_dom("InvalidStateError", () => yPlane.readInto(view));70}, 'Test we cannot read planar data from a destroyed VideoFrame.');71test(t => {72  let image = makeImageBitmap(32, 16);73  image.close();74  assert_throws_dom("InvalidStateError", () => {75    let frame = new VideoFrame(image, {timestamp: 10});76  })...

Using AI Code Generation

1const wptools = require('wptools');2  console.log(bitmap);3});4const wptools = require('wptools');5const wptools = require('wptools');6const wptools = require('wptools');7const wptools = require('wptools');

Using AI Code Generation

1var wpt = require('webpagetest');2var wpt = new WebPageTest('www.webpagetest.org');3var options = {4};5wpt.runTest(options, function(err, data) {6    if (err) return console.error(err);7    console.log(data);8});

Using AI Code Generation

1var img = new Image();2img.onload = function() {3  makeImageBitmap(img).then(function(bitmap) {4  });5};6var img = new Image();7img.onload = function() {8  makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100}).then(function(bitmap) {9  });10};11var img = new Image();12img.onload = function() {13  makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'high'}).then(function(bitmap) {14  });15};16var img = new Image();17img.onload = function() {18  makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'low'}).then(function(bitmap) {19  });20};21var img = new Image();22img.onload = function() {23  makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'medium'}).then(function(bitmap) {24  });25};26var img = new Image();27img.onload = function() {28  makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'best'}).then(function(bitmap) {29  });30};31var img = new Image();32img.onload = function() {33  makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100,

Using AI Code Generation

1var img = new Image();2var bitmap = makeImageBitmap(img);3var img = new Image();4var bitmap = makeImageBitmap(img);5var img = new Image();6var bitmap = createImageBitmap(img);7var img = new Image();8var bitmap = createImageBitmap(img);9var img = new Image();10var bitmap = makeImageBitmap(img);11var img = new Image();12var bitmap = makeImageBitmap(img);13var img = new Image();14var bitmap = createImageBitmap(img);15var img = new Image();16var bitmap = createImageBitmap(img);17var img = new Image();18var bitmap = makeImageBitmap(img);19var img = new Image();20var bitmap = makeImageBitmap(img);21var img = new Image();22var bitmap = createImageBitmap(img);23var img = new Image();24var bitmap = createImageBitmap(img);

Using AI Code Generation

1function makeImageBitmapTest() {2  var img = new Image();3  img.onload = function() {4    makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {5      testPassed("makeImageBitmap() is supported");6    }, function() {7      testFailed("makeImageBitmap() is not supported");8    });9  }10}11function makeImageBitmapTest() {12  var img = new Image();13  img.onload = function() {14    makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {15      testPassed("makeImageBitmap() is supported");16    }, function() {17      testFailed("makeImageBitmap() is not supported");18    });19  }20}21function makeImageBitmapTest() {22  var img = new Image();23  img.onload = function() {24    makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {25      testPassed("makeImageBitmap() is supported");26    }, function() {27      testFailed("makeImageBitmap() is not supported");28    });29  }30}31function makeImageBitmapTest() {32  var img = new Image();33  img.onload = function() {34    makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {35      testPassed("makeImageBitmap() is supported");36    }, function() {37      testFailed("makeImageBitmap() is not supported");38    });39  }40}41function makeImageBitmapTest() {42  var img = new Image();

Using AI Code Generation

1function makeImageBitmap() {2  var img = new Image();3  img.src = "/images/2x2.png";4  return createImageBitmap(img);5}6var imageBitmapPromise = makeImageBitmap();7imageBitmapPromise.then(function(imageBitmap) {8  test(function() {9    assert_equals(imageBitmap.width, 2);10    assert_equals(imageBitmap.height, 2);11  }, "ImageBitmap is created from an Image");12});

Using AI Code Generation

1var image = new Image();2var bitmap = makeImageBitmap(image);3var image = new Image();4var bitmap = makeImageBitmap(image);5var canvas = document.getElementById('canvas');6var context = canvas.getContext('2d');7context.drawImage(bitmap, 0, 0, 200, 200);8var image = new Image();9var bitmap = makeImageBitmap(image);10var canvas = document.getElementById('canvas');11var context = canvas.getContext('2d');12context.drawImage(bitmap, 0, 0, 200, 200);13var bitmap2 = makeImageBitmap(image);14context.drawImage(bitmap2, 0, 0, 200, 200);

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.