VOOZH about

URL: https://apify.com/matyascimbulka/browser-live-view-example

⇱ Browser Live View Example · Apify

👁 Browser Live View Example avatar

Browser Live View Example

Under maintenance

Pricing

Pay per usage

Go to Apify Store

Browser Live View Example

Under maintenance

Pricing

Pay per usage

Rating

0.0

(0)

Developer

👁 Matyáš Cimbulka

Matyáš Cimbulka

Maintained by Community

Actor stats

0

Bookmarked

25

Total users

0

Monthly active users

18 days ago

Last modified

Categories

Share

Browser Live View Example

This Actor provides a proof-of-concept implementation of a browser live view using Playwright. It launches a Playwright crawler and streams the browser's state in real time, allowing you to interact with the browser as if it were a local browser.

Currently, the Actor can only open and show one web page. When the webpage is opened the crawler waits for 20 minutes and then closes the browser. The crawler can be stopped at any time by pressing the "Abort" button.

How to use the Actor

  1. Start the Actor. As input select which webpage to open and which proxy to use.
  2. Wait for the Actor to start the browser and the proxy server.
  3. Open the container URL in your browser. The Live View tab should also work but isn't tested.
  4. Interact with the browser as you would with a local browser.

How it works

The Actor starts a proxy server for the browser CDP server. The frontend code can then connect to the proxied web socket and control the browser via CDP.

The frontend code then starts a screencast stream from the browser and displays it in a image element. Also the frontend code listens to mouse and keyboard events on the image element to transmit them back to the CDP server to provide the interactivity.

Not implemented features

The design of the proxy server allows for streaming live interactive view from multiple tabs or crawler requests.

You might also like

Actor in Go example

jirimoravcik/go-actor-example

Example actor written in Go.

👁 User avatar

Jiří Moravčík

16

Example Live View

apify/example-live-view

This example demonstrates how to use web server in actor as communication channel with outer world. Read more at Apify docs https://docs.apify.com/actors/running#container-web-server

Ruby Example

drobnikj/ruby-example

Example of ruby code in actor

👁 User avatar

Jakub Drobník

14

Example Php

apify/example-php

Example act using PHP as the main language.

Actor in Julia example

jirimoravcik/julia-actor-example

Example actor written in Julia.

👁 User avatar

Jiří Moravčík

4

Example Selenium

apify/example-selenium

Example of loading a web page in headless Chrome using Selenium Webdriver.

296

5.0

Example using GitHub Gist

apify/example-github-gist

Example of an Apify actor with source code hosted in a GitHub Gist. For example, this is useful if you want to have public code examples accompanied by a working API that anyone can try straight away.

Actor in Rust Example

lukaskrivka/rust-actor-example

Example actor built in Rust programming language. Downloads HTML from any page. Works on Apify platform and locally.

👁 User avatar

Lukáš Křivka

14