![]() If you are getting an error from the shutterbug server, you will need to check the cloudwatch logs for the error and from there you can find the url to the initial html file. Finally save this html content as a new file locally, serve it with a webserver, and put the URL to that file into the iframe-test.html page. The same html is availble directly in the srcdoc attribute of the iframe, but it is has escaped elements in it. This will give you a text field of the html. You can do that by opening the file in a browser, inspect it with developer tools, expand the iframe element, select the html element inside of the iframe and edit it as html. To make the request be closer you need to get the html content out of the iframe from that. But it is not technically exactly the same as what is being sent to the shutterbug-lambda server from LARA. You can use this URL directly and it will likely show the same problem you see when using the real interactive in LARA. html and you'll have a URL to the html that was sent to shutterbug-lamba. You'll see a result from /make-snapshot that includes the URL to image. If you are getting back a broken image, you can get the serialized html by trying to snapshot the interactive on a LARA staging and look at the browser network log. env SHUTTERBUG_URI= Another approach is to get the serialized html from the interactive and save it to a local file and then add the URL to that local file to The best approach is to run shutterbug-lambda locally, and run LARA locally. So here are a couple options to work around this. ![]() If the interactive uses authored state the page above won't work because it doesn't initialize the interactive. If the interactive doesn't use authored state you can use Without this you will see an error in the application about not being able to find Include the following javascript in your pages: Įlsewhere in your javascript, something like this: Shutterbug.snapshot( Shutterbug.js requires JQuery and expects JQuery to be found via window.jQuery or available as npm module. This repository consists of JavaScript library. ![]() Shutterbug has two parts: a browser JavaScript library for taking html snapshots, and a server side utility for turning those html snapshots into images. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |