René's URL Explorer Experiment


Title: GitHub - itsdevdom/javascript-video-processing-analysis: [ANALYSIS] JavaScript real-time video processing using Canvas (2D, WebGL)

Open Graph Title: GitHub - itsdevdom/javascript-video-processing-analysis: [ANALYSIS] JavaScript real-time video processing using Canvas (2D, WebGL)

X Title: GitHub - itsdevdom/javascript-video-processing-analysis: [ANALYSIS] JavaScript real-time video processing using Canvas (2D, WebGL)

Description: [ANALYSIS] JavaScript real-time video processing using Canvas (2D, WebGL) - itsdevdom/javascript-video-processing-analysis

Open Graph Description: [ANALYSIS] JavaScript real-time video processing using Canvas (2D, WebGL) - itsdevdom/javascript-video-processing-analysis

X Description: [ANALYSIS] JavaScript real-time video processing using Canvas (2D, WebGL) - itsdevdom/javascript-video-processing-analysis

Opengraph URL: https://github.com/itsdevdom/javascript-video-processing-analysis

X: @github

direct link

Domain: github.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:91a2e680-8a84-e26a-3a15-db8de143656b
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-idD6DA:AA2C5:10F2AC5:1621DFA:698FC3B6
html-safe-nonce2bcd152cc88d5836e035c0eeca6ce6428bd5031920d15ee468d1de8fbfc18423
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJENkRBOkFBMkM1OjEwRjJBQzU6MTYyMURGQTo2OThGQzNCNiIsInZpc2l0b3JfaWQiOiIyNDcwNDMzODMyODc0MDAxMzM0IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmac1c4c703382141282199edb3295d911179bbee93e4e2bce9705c950b78d808d32
hovercard-subject-tagrepository:261224776
github-keyboard-shortcutsrepository,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location//
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/itsdevdom/javascript-video-processing-analysis
twitter:imagehttps://opengraph.githubassets.com/22e625a5ddbea35843d13e228eb943282a51b0300ee30b20b0a08724ee5639f3/itsdevdom/javascript-video-processing-analysis
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/22e625a5ddbea35843d13e228eb943282a51b0300ee30b20b0a08724ee5639f3/itsdevdom/javascript-video-processing-analysis
og:image:alt[ANALYSIS] JavaScript real-time video processing using Canvas (2D, WebGL) - itsdevdom/javascript-video-processing-analysis
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None42c603b9d642c4a9065a51770f75e5e27132fef0e858607f5c9cb7e422831a7b
turbo-cache-controlno-preview
go-importgithub.com/itsdevdom/javascript-video-processing-analysis git https://github.com/itsdevdom/javascript-video-processing-analysis.git
octolytics-dimension-user_id7271961
octolytics-dimension-user_loginitsdevdom
octolytics-dimension-repository_id261224776
octolytics-dimension-repository_nwoitsdevdom/javascript-video-processing-analysis
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id261224776
octolytics-dimension-repository_network_root_nwoitsdevdom/javascript-video-processing-analysis
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release111423ee085528bc9fa8c25b2e698c30347f841e
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/itsdevdom/javascript-video-processing-analysis#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fitsdevdom%2Fjavascript-video-processing-analysis
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fitsdevdom%2Fjavascript-video-processing-analysis
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=itsdevdom%2Fjavascript-video-processing-analysis
Reloadhttps://github.com/itsdevdom/javascript-video-processing-analysis
Reloadhttps://github.com/itsdevdom/javascript-video-processing-analysis
Reloadhttps://github.com/itsdevdom/javascript-video-processing-analysis
itsdevdom https://github.com/itsdevdom
javascript-video-processing-analysishttps://github.com/itsdevdom/javascript-video-processing-analysis
Notifications https://github.com/login?return_to=%2Fitsdevdom%2Fjavascript-video-processing-analysis
Fork 1 https://github.com/login?return_to=%2Fitsdevdom%2Fjavascript-video-processing-analysis
Star 11 https://github.com/login?return_to=%2Fitsdevdom%2Fjavascript-video-processing-analysis
MIT license https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/LICENSE
11 stars https://github.com/itsdevdom/javascript-video-processing-analysis/stargazers
1 fork https://github.com/itsdevdom/javascript-video-processing-analysis/forks
Branches https://github.com/itsdevdom/javascript-video-processing-analysis/branches
Tags https://github.com/itsdevdom/javascript-video-processing-analysis/tags
Activity https://github.com/itsdevdom/javascript-video-processing-analysis/activity
Star https://github.com/login?return_to=%2Fitsdevdom%2Fjavascript-video-processing-analysis
Notifications https://github.com/login?return_to=%2Fitsdevdom%2Fjavascript-video-processing-analysis
Code https://github.com/itsdevdom/javascript-video-processing-analysis
Issues 0 https://github.com/itsdevdom/javascript-video-processing-analysis/issues
Pull requests 0 https://github.com/itsdevdom/javascript-video-processing-analysis/pulls
Security 0 https://github.com/itsdevdom/javascript-video-processing-analysis/security
Insights https://github.com/itsdevdom/javascript-video-processing-analysis/pulse
Code https://github.com/itsdevdom/javascript-video-processing-analysis
Issues https://github.com/itsdevdom/javascript-video-processing-analysis/issues
Pull requests https://github.com/itsdevdom/javascript-video-processing-analysis/pulls
Security https://github.com/itsdevdom/javascript-video-processing-analysis/security
Insights https://github.com/itsdevdom/javascript-video-processing-analysis/pulse
Brancheshttps://github.com/itsdevdom/javascript-video-processing-analysis/branches
Tagshttps://github.com/itsdevdom/javascript-video-processing-analysis/tags
https://github.com/itsdevdom/javascript-video-processing-analysis/branches
https://github.com/itsdevdom/javascript-video-processing-analysis/tags
12 Commitshttps://github.com/itsdevdom/javascript-video-processing-analysis/commits/main/
https://github.com/itsdevdom/javascript-video-processing-analysis/commits/main/
docs/results-2020-05-05https://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/docs/results-2020-05-05
docs/results-2020-05-05https://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/docs/results-2020-05-05
packageshttps://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/packages
packageshttps://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/packages
publichttps://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/public
publichttps://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/public
srchttps://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/src
srchttps://github.com/itsdevdom/javascript-video-processing-analysis/tree/main/src
.gitignorehttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/.gitignore
.gitignorehttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/.gitignore
LICENSEhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/LICENSE
LICENSEhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/LICENSE
README.mdhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/README.md
README.mdhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/README.md
package-lock.jsonhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/package-lock.json
package-lock.jsonhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/package-lock.json
package.jsonhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/package.json
package.jsonhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/package.json
tsconfig.jsonhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/tsconfig.json
tsconfig.jsonhttps://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/tsconfig.json
READMEhttps://github.com/itsdevdom/javascript-video-processing-analysis
MIT licensehttps://github.com/itsdevdom/javascript-video-processing-analysis
https://github.com/itsdevdom/javascript-video-processing-analysis#javascript-video-processing-analysis
https://github.com/itsdevdom/javascript-video-processing-analysis#video-processing-extracting-pixels-from-video-each-frame
thishttps://stackoverflow.com/questions/30391939/synchronization-of-data-with-video-using-webrtc
thathttps://stackoverflow.com/questions/30432011/passing-real-time-metadata-synchronized-with-video-frames-using-webrtc-and-text
https://github.com/itsdevdom/javascript-video-processing-analysis#knowing-about-video-frame-changes
timeupdatehttps://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/timeupdate_event
video.js#4322https://github.com/videojs/video.js/issues/4322
this Bugzilla bughttps://bugzilla.mozilla.org/show_bug.cgi?id=571822
https://github.com/itsdevdom/javascript-video-processing-analysis#reading-raw-pixels-from-video-frame
createImageBitmaphttps://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap
OffscreenCanvashttps://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas
still very bad browser supporthttps://caniuse.com/#feat=offscreencanvas
https://github.com/itsdevdom/javascript-video-processing-analysis#the-magic-or-horror-that-is-webgl
https://stackoverflow.com/questions/12250953/drawing-an-image-using-webglhttps://stackoverflow.com/questions/12250953/drawing-an-image-using-webgl
https://stackoverflow.com/questions/9857089/flip-upside-down-vertex-shader-gleshttps://stackoverflow.com/questions/9857089/flip-upside-down-vertex-shader-gles
https://emscripten.org/docs/optimizing/Optimizing-WebGL.htmlhttps://emscripten.org/docs/optimizing/Optimizing-WebGL.html
https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGLhttps://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL
https://github.com/itsdevdom/javascript-video-processing-analysis#video-element
accessible hide solutionhttps://a11yproject.com/posts/how-to-hide-content/
https://github.com/itsdevdom/javascript-video-processing-analysis#performance-analysis-setup--implementation
https://github.com/itsdevdom/javascript-video-processing-analysis#video-file
"Big Buck Bunny"https://peach.blender.org/
http://bbb3d.renderfarming.net/download.htmlhttp://bbb3d.renderfarming.net/download.html
http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_30fps_normal.mp4http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_30fps_normal.mp4
lossless-cuthttps://github.com/mifi/lossless-cut
puppeteer#291https://github.com/puppeteer/puppeteer/issues/291
Adobe Media Encoderhttps://www.adobe.com/de/products/media-encoder.html
WebM Pluginhttps://www.fnordware.com/WebM/
https://github.com/itsdevdom/javascript-video-processing-analysis#test-setup
https://github.com/itsdevdom/javascript-video-processing-analysis#test-implementation
Puppeteerhttps://github.com/puppeteer/puppeteer
https://github.com/itsdevdom/javascript-video-processing-analysis#how-to-run-a-test
DevTools Timeline Viewerhttps://chromedevtools.github.io/timeline-viewer/
https://github.com/itsdevdom/javascript-video-processing-analysis#performance-analysis
https://github.com/itsdevdom/javascript-video-processing-analysis#summary
https://github.com/itsdevdom/javascript-video-processing-analysis#test-parameters
https://github.com/itsdevdom/javascript-video-processing-analysis#test-results-summary
2D Canvashttps://github.com/itsdevdom/javascript-video-processing-analysis#test-case-2d-canvas
WebGL Canvas (Variant 1)https://github.com/itsdevdom/javascript-video-processing-analysis#test-case-webgl-canvas-variant-1
WebGL Canvas (Variant 2)https://github.com/itsdevdom/javascript-video-processing-analysis#test-case-webgl-canvas-variant-2
https://github.com/itsdevdom/javascript-video-processing-analysis#interpretation-of-results
https://github.com/itsdevdom/javascript-video-processing-analysis#recommendations
https://github.com/itsdevdom/javascript-video-processing-analysis#test-case-2d-canvas
2D canvashttps://developer.mozilla.org/de/docs/Web/API/CanvasRenderingContext2D
Video Processorhttps://github.com/dominique-mueller/javascript-video-processing-experiment/blob/master/packages/canvas-2d/src/video-processor.ts#L4
https://github.com/itsdevdom/javascript-video-processing-analysis#timeline
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/canvas-2d/profiler-logs-timeline.png
https://github.com/itsdevdom/javascript-video-processing-analysis#durations
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/canvas-2d/profiler-logs-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#render-durations
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/canvas-2d/profiler-logs-render-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#extract-durations
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/canvas-2d/profiler-logs-extract-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#tracing
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/canvas-2d/tracing-profile.png
https://github.com/itsdevdom/javascript-video-processing-analysis#test-case-webgl-canvas-variant-1
WebGL canvashttps://developer.mozilla.org/de/docs/Web/API/WebGLRenderingContext
Video Processorhttps://github.com/dominique-mueller/javascript-video-processing-experiment/blob/master/packages/webgl-variant-1/src/video-processor.ts#L4
https://github.com/itsdevdom/javascript-video-processing-analysis#timeline-1
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-1/profiler-logs-timeline.png
https://github.com/itsdevdom/javascript-video-processing-analysis#durations-1
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-1/profiler-logs-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#render-durations-1
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-1/profiler-logs-render-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#extract-durations-1
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-1/profiler-logs-extract-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#tracing-1
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-1/tracing-profile.png
https://github.com/itsdevdom/javascript-video-processing-analysis#test-case-webgl-canvas-variant-2
WebGL canvashttps://developer.mozilla.org/de/docs/Web/API/WebGLRenderingContext
Video Processorhttps://github.com/dominique-mueller/javascript-video-processing-experiment/blob/master/packages/webgl-variant-2/src/video-processor.ts#L4
https://github.com/itsdevdom/javascript-video-processing-analysis#timeline-2
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-2/profiler-logs-timeline.png
https://github.com/itsdevdom/javascript-video-processing-analysis#durations-2
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-2/profiler-logs-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#render-durations-2
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-2/profiler-logs-render-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#extract-durations-2
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-2/profiler-logs-extract-durations.png
https://github.com/itsdevdom/javascript-video-processing-analysis#tracing-2
https://github.com/itsdevdom/javascript-video-processing-analysis/blob/main/docs/results-2020-05-05/webgl-variant-1/tracing-profile.png
javascript https://github.com/topics/javascript
webgl https://github.com/topics/webgl
video https://github.com/topics/video
canvas https://github.com/topics/canvas
pixel https://github.com/topics/pixel
frame https://github.com/topics/frame
Readme https://github.com/itsdevdom/javascript-video-processing-analysis#readme-ov-file
MIT license https://github.com/itsdevdom/javascript-video-processing-analysis#MIT-1-ov-file
Please reload this pagehttps://github.com/itsdevdom/javascript-video-processing-analysis
Activityhttps://github.com/itsdevdom/javascript-video-processing-analysis/activity
11 starshttps://github.com/itsdevdom/javascript-video-processing-analysis/stargazers
1 watchinghttps://github.com/itsdevdom/javascript-video-processing-analysis/watchers
1 forkhttps://github.com/itsdevdom/javascript-video-processing-analysis/forks
Report repository https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fitsdevdom%2Fjavascript-video-processing-analysis&report=itsdevdom+%28user%29
Please reload this pagehttps://github.com/itsdevdom/javascript-video-processing-analysis
TypeScript 90.7% https://github.com/itsdevdom/javascript-video-processing-analysis/search?l=typescript
HTML 6.5% https://github.com/itsdevdom/javascript-video-processing-analysis/search?l=html
CSS 2.8% https://github.com/itsdevdom/javascript-video-processing-analysis/search?l=css
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.