JSFiddle - React, Tailwind, and code Playground

by Abhijeet Kandalkar

JavaScript

<!--
<!DOCTYPE html>
<html>
<head>
    <title>Markdown Editor</title>
	<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen" />
	<script src="../js/jquery/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/main.js"></script>
	<script type="text/javascript" src="../js/taboverride/taboverride.min.js"></script>
	<script type="text/javascript">
		global.window = window;
		global.$ = $;
		global.gui = require('nw.gui');
		init();

		//require('nw.gui').Window.get().showDevTools();
	</script>
</head>
<body>
	<input style="display:none;" id="openFileDialog" type="file" />
	<input style="display:none;" type="file"  id="saveFileDialog" nwsaveas="file.md" />
    <textarea name="markdown" id="editor" class="md_editor"></textarea>
    <div class="md_result">
    	
    </div>
</body>
</html>
-->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
  </head>
  <body onload="">
	<select id="selectByCodec">
		<option value='video/mp4; codecs="avc1.4D4015, mp4a.40.2"' selected="selected">.mov to .mp4 TransMuxing</option>
		<option value='video/webm; codecs="vp8, vorbis"' >WebM Transcoding</option>
	</select>
	<input type="file" id="myFile">
	<br>
    <video controls></video>
    <script>
	var totalSegments = 5;
	var segmentLength = 0;
	var segmentDuration = 0;
	var bytesFetched = 0;
	var requestedSegments = [];
	var video = "";
	var sourceBuffer = null;
	var assetURL = null;
	var mimeCodec = 'video/mp4; codecs="avc1.4D4015, mp4a.40.2"';
	var mediaSource = null;

	function getExtension(filename) {
		var parts = filename.split('.');
		return parts[parts.length - 1];
	}
	
	function getFileName(filename) {
		var parts = filename.split('.');
		return parts[parts.length - 2];
	}
	
	function getFilesizeInBytes(filename) {
		var stats = fs.statSync(filename);
		var fileSizeInBytes = stats["size"];
		return fileSizeInBytes;
	}
	
	function convertToStreamedWebM(origional_filename, source_file)
	{
		var child_process =...