Skip to content

Instantly share code, notes, and snippets.

View riderjensen's full-sized avatar
☺️
Working

Rider Jensen riderjensen

☺️
Working
26 followers · 30 following
View GitHub Profile
@riderjensen
riderjensen / SerialProvider.tsx
Last active June 13, 2024 04:28 — forked from joshpensky/SerialProvider.tsx
Web Serial API + React
import {
createContext,
PropsWithChildren,
useContext,
useEffect,
useRef,
useState,
} from "react";
// RESOURCES:
@riderjensen
riderjensen / app.js
Created November 22, 2023 07:15
Stream mp4s to twitch using FFMPEG
const PATH_TO_VIDEOS = ''; // Where your show is stored
const STREAM_KEY = ''; // https://dashboard.twitch.tv/u/YOUR_USERNAME/settings/stream
const RTMP_SERVER = ''; // https://help.twitch.tv/s/twitch-ingest-recommendation?language=en_US
const fs = require('fs');
const ffmpeg = require('fluent-ffmpeg');
const video = ffmpeg();
const contents = fs.readdirSync(PATH_TO_VIDEOS, { recursive: true, withFileTypes: true });
const cleaned = contents.filter(file => {
@riderjensen
riderjensen / app.js
Last active January 21, 2020 16:10
Basic video streaming server
const { createServer } = require('http');
const {
stat,
createReadStream,
createWriteStream
} = require('fs');
const { promisify } = require('util');
const fileName = '../../powder-day.mp4';
const fileInfo = promisify(stat);
const multiparty = require('multiparty');
@riderjensen
riderjensen / index.html
Last active February 15, 2020 17:06
Simulate typing effect
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Exmaple</title>
</head>
@riderjensen
riderjensen / easyCounter.html
Last active August 16, 2019 20:40
An easy way to do counters in HTML, very lightweight, and works when in viewport
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Easy Counter</title>
</head>
<style>
@riderjensen
riderjensen / stateSelectList.html
Created April 11, 2019 14:57
<select>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
@riderjensen
riderjensen / apollomutation.vue
Last active April 11, 2019 14:50
simple apollo mutation example
<template>
<div class="about">
{{error}}
{{returnedItem}}
<v-container>
<v-flex xs12>
<v-text-field v-model="item.myVarOne" label="My Var" required></v-text-field>
</v-flex>
<v-flex xs12>
<v-checkbox v-model="item.myBoolOne" label="My Bool" required></v-checkbox>
@riderjensen
riderjensen / datalist.html
Created April 11, 2019 14:20
Datalist of top 200 subreddits to select from
<datalist id="subRedits">
<option value="funny" />
<option value="AskReddit" />
<option value="worldnews" />
<option value="pics" />
<option value="science" />
<option value="todayilearned" />
<option value="gaming" />
<option value="videos" />
<option value="movies" />
@riderjensen
riderjensen / apollocall.vue
Last active April 10, 2019 17:50
Simple apollo vue call
<template>
<div>
<v-btn color="info" v-on:click="getAllGraphql()">All</v-btn>
{{myItem}}
error: {{error}}
</div>
</template>
<script>
import gql from "graphql-tag";