git-thinh

Inspiration

• https://semisignal.com/tag/ffmpeg-js/
• https://github.com/antimatter15/whammy

ffmeg as worker can be found at https://github.com/Kagami/ffmpeg.js/

Final build can be obtained via wget https://unpkg.com/ffmpeg.js@3.1.9001/ffmpeg-worker-mp4.js

git-thinh

Testing in-browser gif generation from an SVG with gif.js. Works in recent Chrome/Safari/Firefox.

Process:

1. Create a standard SVG line chart.
2. Step through in-between frames of the line chart: for each one, update the SVG, render to an image, add the image element to a stack of gif frames.
3. Render frames together in the background using gif.js web workers.
4. When rendering's complete, add the blob URL as an image and start the SVG on an infinite loop with d3.timer (gratuitous).

See also: Gif Globe, Gif New Jersey

git-thinh

<?xml version="1.0" encoding="utf-8"?>
<configuration>
	<system.webServer>
		<httpProtocol>
			<customHeaders>
				<add name="Access-Control-Allow-Origin" value="*"/>
				<add name="Access-Control-Allow-Methods" value="GET,PUT,POST,DELETE,OPTIONS"/>
				<add name="Access-Control-Allow-Headers" value="Content-Type"/>
			</customHeaders>
		</httpProtocol>

git-thinh

browser.LoadingStateChanged += OnLoadingStateChanged;

//A slightly more complicated example
private void OnLoadingStateChanged(object sender, LoadingStateChangedEventArgs args)
{
	//Wait for the Page to finish loading
	if (args.IsLoading == false)
	{
		const string script = @"(function()
    					{