Giter Site home page Giter Site logo

jstv's Introduction

JSTV Suite and Gamecora TV

JSTV is the internet player. It plays a sequence of Javascript/CSS animated scenes described via JSON and using a video-like interface.

JSTVC and Aggro can work together with JSTV for picking resources from Twitter and RSS feeds and creating a dynamic sequence of scenes. This package includes Gamecora TV, a full fledged dynamic channel about games and hosted here.

Helping Gamecora TV

Do you want to suggest a new newsfeed, correct typos, suggest a new tagging structure for the official hosted version of Gamecora TV?

  • Branch JSTV
  • Update the jstv-assets/gamecora/sources/feeds.ods using LibreOffice
  • Copy the first 5 columns and paste them into jstv-assets/gamecora/sources/feeds.tsv. They should appear as tab-separated values.
  • Run jstv-assets/gamecora/sources/feeds.sh
  • Commit everything
  • Propose your patch

There aren't so many contributions for now, so that should be enough for an official integrated way. You can also propose new feeds or suggestions via mail or GitHub tools.

Documentation

JSTV, JSTVC and Aggro are contained into the jstv/ folder - that's all you need. Further information are available on index-jstv.html.

Ideas

A set of ideas that could be implemented in the future.

Aggro

  • Server-to-server cache update. It can be useful in order to full refresh cache from remote servers.
  • channel structure to channel content conversion server-side (that means JSTVC porting on server side).It could be nice but after some tries I understood that switching everything to node.js can make everything easier and faster.

JSTV

  • Add content cutting via {pick:"keyname"}. If contents are too long to be fully rendered, why show them entirely? :)
  • Turn on video preolading in youtube.js renderer. It can be switched on and off from configuration but it's not working on some legacy/stripped down browsers.
  • Images preloading from scenes. It can take a long while on startup but it help stripping invisible/small images and will be shown faster on screen during playback.
  • On jstvt.js use csssupport() in reset() command. It can make DOM node reset faster but seems that some CSS features aren't correctly detected (like borderRadius). reset() is not massively used in the code and that makes this optimization not relevant.
  • A "skip this scene" button on current position indicator. You can click on the left or on the right near any handle to move by a single unit (scene/volume) but an explicit button can make this feature more clear.

Hall of shame

Sadly many mobile browsers quite sucks on embedding videos and doing CSS3 animations due to outdated browsers or imposed limitations. I hope that this list will be kept short.

  • Safari on iOS devices While CSS3 animations are quite good, it can't autoplay YouTube videos... :(
  • Firefox on Windows Sometime it fails on linking JS interface so JSTV can't be called on video end. youtube.js is forcing HTML5 videos so this issue should be partially solved.
  • IE on XBOX360 While IE10 seems giving best results here, its XBOX360 incarnation seems pretty limited. No animations and bad graphics.
  • WiiU Browser Like the iOS devices Safari, good animations but no YouTube autoplay.
  • Older Android phones stock browser like Galaxy Ace. Everything works except for no text in news. Mmm.
  • PSVita Browser HTML5 or Flash not supported... that's what YouTube is saying. The rest is working quite good!
  • 3DS Browser Surprisingly, everything works well except for the usual YouTube embeds and custom fonts.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.