Skip to content

Web pages

A browser action shows a web page or a local HTML file in the video. Headless Chromium (in the narratty image) captures it once and scrolls it. See Browser views.

# A web page in the video: the project's GitHub page, captured by Chromium.
version: 1
meta:
  title: Show a web page
terminal:
  width: 1280
  height: 720
  font_size: 20
sandbox:
  network: full       # the page is loaded from GitHub
scenes:
  - id: clone
    narration: Everything starts on the project's GitHub page.
    actions:
      - type_command: git clone https://github.com/ditschi/narratty
      - hold: 300ms
  - id: page
    narration: >-
      This is the page you should see. The readme explains what narratty does, and
      further down you find the quick start.
    actions:
      - browser: {url: "https://github.com/ditschi/narratty", scroll: 1400}
  - id: back
    narration: Back in the terminal, copy the clone command and press Enter.
    actions:
      - key: Enter
      - hold: 500ms
  • scroll: auto scrolls to the end of the page (at most 4 screens).
  • Local files (site/index.html) need no network.
  • To browse inside the terminal instead, run a text browser such as w3m or lynx, or glow for Markdown. They are not in the image; add them with environment.packages.