Arthur arthurmchr

Embed VTT subtitles into HTML

Objective

I have a video file on my local disk. I also have some subtitles (in HTML5's [WebVTT][] format).

I want to create an HTML file to play that video with subtitles, all from the local filesystem.

Problem

I added a few methods to three-orbit-controls to be able to manually define phi or theta and be able to rotate to a given point.

// rotation in Y
controls.setAzimuthalAngle(theta);

// rotation in X
controls.setPolarAngle(phi);

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	FROM alpine:3.3
	MAINTAINER Tom Maiaroto <tom@outdoorsy.co>

	# Install packages
	RUN apk --update --repository http://dl-3.alpinelinux.org/alpine/edge/main add \
	freetype-dev \
	libjpeg-turbo-dev \
	libpng-dev \
	libwebp-dev \
	php7 \

	import bpy
	myCurve = bpy.data.curves[0] # here your curve
	spline= myCurve.splines[0] # maybe you need a loop if more than 1 spline

	scale = 200

	curvepath_template = """
	var curves = new THREE.CurvePath();
	%s

	// font-size of the regular font used
	$base-font-size: 16px;

	// it is convenient to declare a fixed base-line-height,
	// so every other line-height is a simple multiple of base-line-height
	$base-line-height: 21px; // 1.5 * base-font-size

	// allow fractional line-height as integer multiple of base-line-height / line-height-scale
	$line-height-scale: 1;

	import THREE from 'three'

	import Config from 'config'

	let config = Config.instance




	var isLow = false

	# A heavily customized VCL to support WordPress
	# Some items of note:
	# Supports https
	# Supports admin cookies for wp-admin
	# Caches everything
	# Support for custom error html page
	vcl 4.0;
	import directors;
	import std;

	// Add on element with overflow
	-webkit-mask-image: -webkit-radial-gradient(white, black);

	/*!
	* Copyright 2015 Google Inc. All rights reserved.
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software