The concept of iframe feedback is very simple: a web document which shows an iframe with an url pointing to itself. If a script handles when the iframe is inserted in the document, the script can decide the delay between two frames (I mean the thing is called an iframe, at some point this had to be done). The rendering logic to blend the frames is up to each case.
more infos about the iframe feedback on my blog
- provides a dev environment out-of-the-box (you just launch it with a command and you can expriment with a local server)
- has already a clean starting point with the iframe insertion, as well as a solution to get a frame index using the location of the document
So basically, you follow the installation steps below, and you can play in the app/index.js file.
- The html entry point is
index.ejs. It get turned in time into html code, you don't have to worry about that
You only need node.js >=10.13.0 pre-installed and you’re good to go.
Clone this repo
$ git clone https://github.com/bcrespy/iframe-feedback.git your_folderRemove the link between your folder and this repo
$ cd your_folder
$ rm -rf .gitInstall dependencies
$ npm installBuild the app in dev mode and run webpack serve with livereload and autocompile on http://localhost:8080/
$ npm run devGo to http://localhost:8080
If you want to put your work online, run the following command and host the generated files in /dist (a static files server will do the job).
$ npm run buildThe original webpack boilerplate comes from https://github.com/cvgellhorn/webpack-boilerplate