https://github.com/kyuwoo-choi/chrome-performance-video

Make a webm video from a chrome devtools performance profile.
https://github.com/kyuwoo-choi/chrome-performance-video

canvas chrome devtools movie performance timeline video webm

Last synced: 14 days ago
JSON representation

Make a webm video from a chrome devtools performance profile.

• Host: GitHub
• URL: https://github.com/kyuwoo-choi/chrome-performance-video
• Owner: kyuwoo-choi
• License: mit
• Created: 2019-10-23T01:31:23.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T23:35:18.000Z (about 2 years ago)
• Last Synced: 2025-01-20T20:39:11.898Z (21 days ago)
• Topics: canvas, chrome, devtools, movie, performance, timeline, video, webm
• Language: JavaScript
• Homepage: https://kyuwoo-choi.github.io/chrome-performance-video/
• Size: 778 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# chrome-performance-video

make a webm video from a chrome performance profile.

[![image](https://user-images.githubusercontent.com/1215767/67963241-a2728a00-fc41-11e9-8cd0-93197d19762e.png)](https://kyuwoo-choi.github.io/chrome-performance-video/)

# try online

[demo](https://kyuwoo-choi.github.io/chrome-performance-video)

# docs

* [api](https://kyuwoo-choi.github.io/chrome-performance-video/api)

* [example](https://github.com/kyuwoo-choi/chrome-performance-video/tree/master/example)

# install

```

npm install chrome-performance-video

```

```

yarn add chrome-performance-video

```

# usage

```js

import performanceProfile from '../test/fixtures/performance-profile.json'

const video = await chromePerformanceVideo(performanceProfile)

const player = document.querySelector('#player')

player.src = URL.createObjectURL(video)

player.load()

```

# license

MIT © KyuWoo Choi