Using the built-in WACZ embed from Webrecorder is simple. The documentation is available here.
Here's an example embed. You can view the source of this page to see how it's done.
The demo above uses the default
embed mode
called default. At Starling we will often want to use the
replay-with-info
mode instead, which doesn't have a navigation UI, but instead shows an
archival receipt with signature and hash information.
That mode can be set with an attribute on the
replay-web-page tag: embed="replay-with-info".
Here is an example:
Firefox has a some stricter CORS requirements than Google Chrome due to a bug. So if you are loading a WACZ file from a different origin than your UI, you will need to serve that file with the appropriate CORS headers to support Firefox. Source
access-control-allow-headers: * access-control-allow-methods: HEAD,GET,OPTIONS access-control-allow-origin: *
Make sure the server actually responds to OPTIONS requests,
and with the proper 204 status code.
These CORS settings are discussed in the official docs here.