Jayden Seric jaydenseric

## RouteIndicator.js
import classNameProp from 'class-name-prop';
import { useRouter } from 'next/router';
import React from 'react';
import styles from './RouteIndicator.module.css';

const DONE_DURATION = 250;

export default function RouteIndicator() {
  const router = useRouter();

## VideoPlayer.html
<figure class="video-player">
  <video preload="none" width="1280" height="720" poster="video.jpg">
    <source src="video.webm" type="video/webm" />
    <source src="video.mp4" type="video/mp4" />
  </video>
  <button class="play-toggle">Toggle play</button>
  <button class="mute-toggle">Toggle mute</button>
</figure>
<script>
  // Initialize video player

## ffmpeg-web-video-guide.md

      
              1 file
            
          
              22 forks
            
          
              8 comments
            
          
              152 stars
            
          
                jaydenseric
                / ffmpeg-web-video-guide.md
            
            
              Last active
              February 17, 2024 23:49
            
              
                A quick guide to using FFmpeg to create cross-device web videos.
              
          
    Video conversion with FFmpeg

Install

On mac:

Download the latest release.
Extract the binary and place it in /usr/local/bin.

Command basics


## lodash-es-index-module-anti-pattern-network-inspector-screenshot.png

      
              2 files
            
          
              1 fork
            
          
              1 comment
            
          
              1 star
            
          
                jaydenseric
                / lodash-es-index-module-anti-pattern-network-inspector-screenshot.png
            
            
              Last active
              March 19, 2024 11:18
            
              
                “Optimal JavaScript module design” blog post: https://jaydenseric.com/blog/optimal-javascript-module-design.
	import classNameProp from 'class-name-prop';
	import { useRouter } from 'next/router';
	import React from 'react';
	import styles from './RouteIndicator.module.css';

	const DONE_DURATION = 250;

	export default function RouteIndicator() {
	const router = useRouter();
	<figure class="video-player">
	<video preload="none" width="1280" height="720" poster="video.jpg">
	<source src="video.webm" type="video/webm" />
	<source src="video.mp4" type="video/mp4" />
	</video>
	<button class="play-toggle">Toggle play</button>
	<button class="mute-toggle">Toggle mute</button>
	</figure>
	<script>
	// Initialize video player