') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); GitHub - Thorulfr/streamability: Streamability is a streaming availability aggregator that allows users to build cross-service watch queues and discover new movie and TV titles. · GitHub
Skip to content
BranchesTags

Latest commit

History

194 Commits

Folders and files

NameName
Last commit message
Last commit date
public
public
.gitignore
.gitignore
LICENSE
LICENSE
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
server.js
server.js

Repository files navigation

Streamability

Made by Leithen Crider, Kevin Fan, Benjamin Holt, and Tyler Norman.

Description

Streamability is a collaborative application whose purpose is threefold:

  1. Provide users with information about any given film/TV show and indicate where these can be streamed;
  2. Suggest titles similar to the searched-for film/show; and
  3. Create a queue of films and shows to watch across all streaming providers, rather than creating individual queues per provider.

In creating this application, we used the following user story and acceptance criteria:

User Story

AS AN individual who streams entertainment
I WANT to search for movies and TV shows across all streaming providers and find title suggestions
SO THAT I can create a queue of shows and movies to watch regardless of where said shows/movies are streamable.

Acceptance Criteria

GIVEN I want to find movies and TV shows to stream
WHEN I search for a movie or TV show
THEN I am shown a list of TV/film results relating to my search terms
WHEN I select a result from this list
THEN I am presented with a result page containing information about the selected title
WHEN I peruse the result page
THEN I find the title's release year, viewer rating, film/show poster, streaming locations, and suggestions for similar titles
WHEN I click on a suggested title
THEN I shown a search for that title so I can select the result I want
WHEN I am viewing an individual title
THEN I have the option to add that title to my global watch queue
WHEN I add items to my queue
THEN my queue is stored locally to remain persistent, even if I close the page
WHEN I have items in my watch queue
THEN this queue is displayed on both the landing page and individual result pages
WHEN I click on a title in my queue
THEN I am taken to the result page for that title
WHEN I click "Delete" on an individual queue item
THEN that item is removed from my queue
WHEN I click "Clear Queue"
THEN my entire queue is emptied
WHEN I select a theme from the themes menu
THEN the display of the page changes accordingly
WHEN I have selected a theme
THEN that theme remains persistent until I change it again, even if I close the page
WHEN I hover over interactive elements
THEN the styling of those elements changes to indicate that interactiveness to users
WHEN I resize the page or view the site on various screens and devices
THEN I am presented with a responsive layout that adapts to my viewport

Built With

  • HTML
  • CSS
  • JavaScript
  • Express
  • Bulma
  • The Movie Database

Website

https://streamability.herokuapp.com/

Screenshot

Landing Page

Main Page

About

Streamability is a streaming availability aggregator that allows users to build cross-service watch queues and discover new movie and TV titles.

streamability.herokuapp.com/

Topics

filmfull-stackstreamingtv

Resources

Readme
Apache-2.0 license
Activity

Stars

2 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages