https://github.com/stonkol/teletext

📺 Recreation of the mythic Teletext on the browser. Including news, weather, channel schedules, a world map and of course watch the TV.
https://github.com/stonkol/teletext

go react teletext ts tv web

Last synced: 2 months ago
JSON representation

📺 Recreation of the mythic Teletext on the browser. Including news, weather, channel schedules, a world map and of course watch the TV.

• Host: GitHub
• URL: https://github.com/stonkol/teletext
• Owner: stonkol
• License: mit
• Created: 2025-05-12T03:34:06.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-12T03:37:05.000Z (about 1 year ago)
• Last Synced: 2025-05-13T00:55:10.866Z (about 1 year ago)
• Topics: go, react, teletext, ts, tv, web
• Homepage:
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# teletext

## Index

1. [Project Direction](#1-project-direction)

2. [Visuals](#2-visuals)

3.

4.

5.

## Project Direction

📺 Teletext on the browser, recreation with news, weather, channel streaming, world map and other easter eggs.

The 21st century teletext. A pixel art project. 

A refined, animated, more easy to use.

Including hot keys. Can be used mouse-less.

*Keep it simple and well categorize* 

All you need for the day to day information take.

Indoor body; outdoor mind

Limit to have only the 100~899 page

### All the knowdledge you can have:

  - **Past Knowledge**: encyclopedia, dictionary, books, recipes, quizzes, maps.

  - **Current Knowledge**: news, radio, tv, newspaper, planes and ships rn on the map.

  - **Future Knowledge**: stocks, weather, horoscope predictions. Public transport (trains) time tables. 

## Visuals

**need to decide**:

- [ ] If the whole page will be text based (ASCII) or text+imgages+svg based

- [ ] Pixel aligned (like the old days) or not

### Design language

70s 80s Pixel art on games and OSs. Of course the teletex

Try some Skeumorphic pixel art. (is that even a thing?)

### Colors

Based on ANSI 16 colors mapping all the visuals.  

For example the top nav bar is `color-3` which is mapped on the the number 3 of the 16 colors map.

So people can easily change themes and even have an inedit light mode.  

also can set light mode to be one theme and dark mode theme.

### Font

Use pixel font?

Although maintaining the original teletext monofont here we will have bold

## Special features

Have sound decode and encode for transferring files.

## What is teletext?

It is a standard for displaying **text** and **rudimentary** graphics on suitably equipped television sets.  

Teletext was created in the United Kingdom in the early 1970s 





























### The tech behind

Teletext sends data in the broadcast signal, hidden in the invisible vertical blanking interval area at the top and bottom of the screen.

Graphic coordinates were encoded in multiple 6 bit strings of XY coordinate data, flagged to place them in the printable ASCII range so that they could be transmitted with conventional text transmission techniques. ASCII SI/SO characters were used to differentiate the text from graphic portions of a transmitted "page".

### Bonus

Another tech wirth to mention is **Videotex**, an interactive information service that worked over telephone lines, enabling users to request and receive specific content from a central database. Videotex systems used a terminal or modified TV connected to a modem. Users navigated menus using a keyboard or remote, sending requests via a dial-up connection to a server, which then sent back the requested information.

| Feature           | Teletext                          | Videotex                             |

|------------------|-----------------------------------|--------------------------------------|

| Communication    | One-way (broadcast)               | Two-way (interactive)               |

| Transmission     | Via TV signal                     | Via telephone line (dial-up)        |

| Interactivity    | Limited (page navigation)         | Fully interactive (menu-driven)     |

| Graphics         | Basic blocky graphics             | Character-based graphics             |

| Use case         | TV info pages, subtitles          | Online services: shopping, booking, messaging |

| Popular example  | Ceefax (UK), ORF Teletext (Austria)| Minitel (France), Prestel (UK)      |

Also shout out to [**JTES**](https://en.wikipedia.org/wiki/JTES) (Japanese Teletext Specification). It supports the display of Kanji, Katakana and Hiragana characters. The service can be used to display subtitles, cyclic text pages or pseudo interactive programs. There's support for presentation of photographs, geometry or sound. Because Japanese characters are different from the western alphabets, therefore they developed their own transmissions method, called *"pattern method"*, it sends scanning signals similar to a fax, at a rate 20 times faster than existing methods.

## Important words

Keep calm, be patient.

Do it everyday and have fun.