• Stars
    star
    347
  • Rank 122,141 (Top 3 %)
  • Language
    JavaScript
  • Created over 11 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

TimeJump – Deep-links for Podcasts

TimeJump

TimeJump adds deep-linking to HTML5 audio and video podcasts. TimeJump works behind-the-scenes to create a standardized API for seeking, based off the YouTube deep-linking syntax.

How it works

Include the script at the bottom on your episode pages. It will auto-detect the t (time) parameter in your URL and attempt to fast-forward listeners to that timestamp. It usually works.

Supported URL formats include:

Media Fragments w/ hash:
http://mypodca.st/first-episode/#t=1:23:45
http://mypodca.st/first-episode/#t=23:45
http://mypodca.st/first-episode/#t=234

Media Fragments w/ query:
http://mypodca.st/first-episode/?t=1:23:45
http://mypodca.st/first-episode/?t=23:45
http://mypodca.st/first-episode/?t=234

Quirks Mode (YouTube-style) w/ hash or query:
http://mypodca.st/first-episode/?t=1h23m45s
http://mypodca.st/first-episode/#t=1m23s        
  • Hash: Player will update when the browser's location.hash changes. This means that your episode page can link to timeframes within the page without requiring a page reload.
  • Query: Requires page reload.

In order to support the Media Fragments standard (and be inter-operable with apps like Instacast), the "Media Fragments w/ hash" format is now recommended.

Plays nice with:

Known to work with the following native HTML5 audio/video wrappers:

TODO List:

  • Temporal clipping (Ending times).

More Repositories

1

FitText.js

A jQuery plugin for inflating web type
HTML
6,754
star
2

Lettering.js

A lightweight, easy to use Javascript <span> injector for radical Web Typography
JavaScript
5,385
star
3

FitVids.js

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
HTML
4,769
star
4

awesome-standalones

A curated list of awesome framework-agnostic standalone web components
1,315
star
5

Foldy960

A responsive version of the 960 grid, the Pvel way!
CSS
482
star
6

can-i-subsystem-it

316
star
7

deCSS3

A lil' bookmarklet that will strip out your CSS3 rules and show you how gracefully you're degrading.
JavaScript
310
star
8

podcast-player

An audio web component for podcasts
118
star
9

a11y-nutrition-cards

Nutrition Cards for Accessible Components
HTML
90
star
10

htmlwithsuperpowers

A guidebook to Web Components
88
star
11

Better-Art-Direction

A fork of the incredible Art Direction plugin by NoΓ«l Jackson (http://noel.io).
PHP
76
star
12

fitWeird

A window monitor bookmarklet.
JavaScript
62
star
13

WP-Dribbble

A wordpress plugin and widget that pulls in your latest Dribbble shots.
PHP
54
star
14

fit-vids

Web Component version of FitVids from the creator of FitVids
JavaScript
39
star
15

wobbly-box

A web component for drawing wobbly boxes
JavaScript
25
star
16

Borkers

HTML5 Boilerplate + Starkers = Borkers! A starter theme.
PHP
22
star
17

humans-vs-robots

An unpacked chrome extension for Github
JavaScript
19
star
18

alpha-paintlet

A CSS Paint worklet that converts alpha's your bg-color based on some variables.
HTML
14
star
19

NodebotUI

Twitter Bootstrap for Nodebot Interfaces
JavaScript
14
star
20

sortByData

A simple jQuery plugin that lets you sort a collection of elements by any data- attribute you want.
JavaScript
5
star
21

2x

A chrome extension for speedier HTML Media
JavaScript
5
star
22

worker-controller

JavaScript
4
star
23

html-with-superpowers

HTML
4
star
24

htmlwithsuperpowers-deck

Vue
4
star
25

FitGrid

3
star
26

api-screenshot

JavaScript
2
star
27

12th-Street-Bakery

A non-profit bakery teaching at-risk teens the art and skill of baking.
HTML
1
star
28

jekyll-reduced-test-case

Ruby
1
star
29

jekyll-polymer

HTML
1
star
30

davatron5000

1
star
31

begin-graphql-test

Begin app
JavaScript
1
star