artf / cimice Goto Github PK

my own keyup event calback:

keyupEventCallback(recorder, movie, e) {
    let focusedElement = document.activeElement;
    focusedElement.setAttribute('value', focusedElement.value);

    const t = e.target;
    const b = t.body;
    const scrollTop = b ? (b.parentNode.scrollTop || b.scrollTop) : t.scrollTop;
    const scrollLeft = b ? (b.parentNode.scrollLeft || b.scrollLeft) : t.scrollLeft;
    movie.addFrame({
      scrollY: scrollTop,
      scrollX: scrollLeft,
      cursorX: e.pageX,
      cursorY: e.pageY,
      width: recorder.target.clientWidth,
      height: recorder.target.clientHeight,
      eventType: e.type,
    });
  }

works fun with input, but not work with textarea.

something wrong?

Your play function obviously reads in the frames all at once in the movieJSON.

Do you always load your full movieJSON to the page, or is there a way to stream it? As in just get the pieces you need, as you need it?

This project works wonders! I just have a question. Inside the screen I want to record, I have a div which is receiving elements inside it. This causes a vertical scroll on this div. I would like to make Cimice record this automatic scroll. How can I achieve that?

I was looking through the cimice.min.js file and was wondering if there is an un-minified and more readable version somewhere that I can look at?

Did you write this file from scratch or did you base it on something else?

Thanks!

Created a html which has form with username and password.Used cimice to record the events but when i am playing back cimice is able to mimic the actions of mouse events only.

Can you give more details on how to use it? Questions that come to mind:

1. What does an endpoint look like, can "https://save/frames" be any url that can receive POST, like a "rec.php"? If so, why do I not receive anything there?
2. Is that script on a website within script tags or is it somewhere out of reach and somehow referenced from the main index.html/index.php?
3. How is movie data being stored and read?