Git Product home page Git Product logo

Comments (3)

ikreymer avatar ikreymer commented on May 27, 2024

Hi @wilkie!
I think I understand the issue, you're running an HTTP server from parent dir, and then accessing:
http://localhost:9899/replayweb.page/?source=/replayweb.page/examples/netpreserve-twitter.warc

I think I can repro the issue you're seeing with parent dir, will look into that. Probably there's a path somewhere that assumes its at the root.

The recommended way for embedding is to use this approach with the <replay-web-page> tag:
https://replayweb.page/docs/embedding (and you can replace the CDN links with local copies of sw.js and ui.js)
This should work consistently.

from replayweb.page.

ikreymer avatar ikreymer commented on May 27, 2024

Think it should be fixed! try the subpath-host branch, and then will do a fix of wabac.js + replayweb.page

from replayweb.page.

ikreymer avatar ikreymer commented on May 27, 2024

I'm using Firefox 96 and my copy of Chrome just hangs and crashes when I load that twitter archive at both my local server and the main replayweb.page site using the warc file hosted there via 'source' query parameter. I don't know why. 😅

Have not been able to repro this (maybe redirect loop?), but hopefully it works now.

My goals would be to host replayweb.page as some kind of applet within my own web archive project that can embed artifacts in an iframe and it is rather important that it be off of a subpath and not trying to shoehorn my own project's root route. Thanks!

Sounds great! I'd recommend using the tag approach + either cdn or local hosting.

It can be similar to what we have: https://webarchive-demo2.glitch.me/ but not hosted at the root (should double-check that that works as well)

from replayweb.page.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.