Docs Improvements (#39)

* Restructure - wrote and added photos for online and offline use

* add new images

* add more info on embedding options, add CORS configuration example

Co-authored-by: DaleLore <DaleLore@protonmail.com>
This commit is contained in:
Ilya Kreymer
2021-03-17 20:34:19 -07:00
committed by GitHub
co-authored by DaleLore
parent 6035cbae50
commit f35776e165
25 changed files with 286 additions and 86 deletions
+26 -32
View File
@@ -1,31 +1,28 @@
---
layout: default
title: Loading Web Archives
title: Online Use
nav_order: 1
parent: Usage
permalink: /docs/loading
parent: Loading Web Archives
permalink: /docs/loading_online
---
# Browsing Web Archives via the ReplayWeb.page
# Online Use
{: .no_toc }
## Table of contents
Using [https://replayweb.page](https://replayweb.page), you can select a web archive file from a local file or enter their unique remote URL directly to load into the site.
<img alt="screenshot of replayweb.page (online)" src="/docs/assets/replaywebpage-online.png">
<hr>
## Browsing Web Archives via the ReplayWeb.page
{: .no_toc .text-delta }
1. TOC
1.
{:toc}
## Loading Web Archives
Using [https://replayweb.page](https://replayweb.page), you can select a web archive file from a local
file or remote URL to load into the site.
Archives loaded by ReplayWeb.page are identified by their unique URL, which can be entered directly or selected from a local file chooser.
### Loading Local Web Archives
Using the `Choose File...` button, you can pick any local archive file to load for replay.
From [https://replayweb.page](https://replayweb.page), use the `Choose File...` button. You can pick any local archive file from your computer to load for replay.
The click `Load` to load the file.
The archive is loaded in the browser directly and *not* uploaded anywhere -- it never leaves your computer!
@@ -36,7 +33,9 @@ this URL is not shareable.
{: .fs-3 .pad .bg-grey-lt-100}
This behavior is similar to how [Webrecorder Player](https://github.com/webrecorder/webrecorder-player) worked, but happens entirely in the browser. <br>The [ReplayWeb.page App](https://github.com/webrecorder/replayweb.page/releases) is also an option for [opening local files when offline](offline#replaywebpage-as-standalone-desktop-electron-app)
<img alt="screenshot of replayweb.page (online)" src="/docs/assets/replaywebpage-online-local.png">
<hr>
### Loading Remote Web Archives
To load a remote archive, simply enter the URL of the archive and click `Load`.
@@ -51,39 +50,34 @@ The system supports WARC files, as well as several other formats
{: .fs-3 .pad .bg-grey-lt-100}
See: [Supported Formats](formats) for more details on supported formats.
<hr>
### Loading Remote Archives from Google Drive
ReplayWeb.page also supports loading archives directly from Google Drive.
ReplayWeb.page can be used to open .warc, .warc.gz files directly from Google Drive using the following steps.
You would first need to integrate replayReplayWeb.page, but it's a fairly easy integration. And once integrated, you can use it to open .warc, and .warc.gz files directly from Google Drive using the following steps.
1. Install [ReplayWeb.page Google Drive Integration](https://gsuite.google.com/u/2/marketplace/app/replaywebpage/160798412227)
1. Navigate to any WARC (.warc, .warc.gz) files or WACZ (Web archive collection) files that you have on Google Drive.
2. Navigate to any WARC (.warc, .warc.gz) files or WACZ (Web archive collection) files that you have on google drive.
2. When you select the file, you should see an 'Open With ReplayWeb.page' option at the top.
3. You should see an 'Open With ReplayWeb.page' option at the top.
4. Clicking on this should redirect to ReplayWeb.page and begin loading. Google Drive loaded archives will have a source URL starting with `googledrive://`.
3. Clicking on this should redirect to ReplayWeb.page and begin loading. Google Drive loaded archives will have a source URL starting with `googledrive://`.
### Loading Large Files: Full vs On-Demand Loading
#### Install [ReplayWeb.page Google Drive Integration](https://gsuite.google.com/u/2/marketplace/app/replaywebpage/160798412227)
* This is a Google Drive Add-On
* Click install and Google will walk you through the steps of installation
* Once installed, Google will confirm the install and where to find replayweb.page in your drive.
Due to the nature of the WARC format, the entire file must be read on first use to generate an index.
<img alt="screenshot of replayweb.page google drive add-on" src="/docs/assets/replaywebpage-googledrive-install.gif">
For WARC files **>25MB**, only the index is initially stored in the browser, and the actual content is loaded 'on-demand',
when the content is first accessed. This leads to faster loading and saves memory when dealing with large archives.
[Web Archive Collection (WACZ)](wacz-format) are always loaded on-demand, as no indexing is required.
The initial archive view should load almost instantly as a result.
If an archive could not be loaded, an error will be displayed instead of the progress.
Please report any issues encountered via [GitHub Issues](https://github.com/webrecorder/replayweb.page/issues)
<hr>
Once an archive has successfully loaded, you will be redirected to the archive view from where you can explore the archive.
Next: [Exploring the Archive](explore)
Next: [Exploring the Archive](/docs/exploring)