Comments (8)
One major use case I can see and that I'd like to explore further is bug reproduction by our internal QA team.
We are currently in the situation that the communication between our mostly on-site dev team and our mostly off-site QA team is less than optimal, and reported issues mostly consist of more or less detailed free text descriptions of bugs. This is not a great situation, as it often leads to miscommunication and lost time.
Having our QA team record issues using rrweb and attach the recording to a bug ticket might make this process a lot more seamless.
To achieve this however, I see two points that could be improved:
- Usability for non-technical end users: I'd like to give any user the ability to start a recording of any web application, without explicitly integrating rrweb into said application (the repl approach seems to make this work), and without having to clone this project, without having git installed, and possibly even without explicitly having Node.js installed on their machine (potentially by writing a GUI around the repl or around a dedicated JS API? To ship it, maybe package the resulting bundle using pkg or something similar?)
- Notes and Highlights: Add the ability to manually add notes and highlights to a recording. Not quite sure how this can be achieved, both from a UX and from a technical standpoint. I think this might be very useful though. What I have in mind is something along the lines of what most screenshot tools offer:
What are your thoughts on this? Is this something that might be useful from your perspective, or should I rather explore this as a separate project, based on this one?
from rrweb.
@Yuyz0112 can you please share some notes how we can implement clickmaps and heatmaps like services hotjar implements, defiantly this is possible the data we are collecting, need little bit help with the steps, any help will be appreciated.
from rrweb.
I too am interested in this tool for non-technical end users.
I wrote magnemite as a way to capture repro steps across page loads but it requires the end-user installing Electron which might not be possible if the user does not have administrative permissions.
rrweb looks like a really cool alternative!
from rrweb.
@timosta
I think the first part of a packaged tool for end users is something like rrweb + CLI
or rrweb + electron
or rrweb + browser extension
.
And for the second part, the highlight is definitely worth to do.
Also, a flexible note tool is great. I'm wondering whether there is some open source canvas based annotation library we can use for this?
from rrweb.
Hi @Yuyz0112, This rrweb is a great library. Recording sessions works like a charm using record and Replayer. Eagerly waiting for heatmap integration inside rrweb. Heatmap integration will make rrweb more robust. When are you planning to release heatmap integration?
from rrweb.
Hi @Yuyz0112, is there any way we can add clickmaps like fullstory using rrweb library?
from rrweb.
@Yuyz0112 can you please share some notes how we can implement clickmaps and heatmaps like services hotjar implements,
Hi @Yuyz0112 ! Would you be able to provide an update on this 2 years old ticket ? It seems like the recorder basically samples all the needed data to implement click/move/scroll heatmaps.
Functionally, this would be an amazing addition to complete the recording kit provided by the library !
from rrweb.
We've met the 1.0 milestone. Any future roadmap will be discussed in our slack channel. Welcome to join the channel and discuss with us!
from rrweb.
Related Issues (20)
- [Bug]: Injected styles are cleared when node is added to a `<style>` element HOT 1
- [Bug]: Duplicate player window
- [Bug]: Seeking within player doesn't correctly handle scrolling HOT 2
- [Bug]: 前端每十秒save的event发送到controller, data要怎样正确拼接才可以正确回放, 现在我只能播放前十秒, 之后因为拼接出错, 一直播放失败
- [Bug]: The player shows canvas in the wrong way HOT 1
- [Bug]: use blockSelector to mask img record will throw error: e.matches is not a function HOT 3
- publish well-formulated and concise types HOT 1
- [Bug]: maskInputFn is not called on inputs
- [feature request]: Record/replay css animation's `currentTime` HOT 6
- [Bug]: progress bar not updating when adding event asynchronously using addEvent
- [Bug]: Added nodes not showing up HOT 1
- Changes the you made may not be saved HOT 1
- [Bug]: CSS `all: unset` incorrectly expands in `events.json` recording HOT 1
- [Bug]: Repeat menu
- [Bug]: Stopping recording causes all insertRule hooks added after record start to drop
- [Bug]: how i can record iframe content HOT 4
- Sanitization/Renaming for Security in Snapshot vs Replay reconstruction HOT 1
- [Bug]: Failed to rebuildFullSnapshot HOT 3
- [Bug]: Firefox Addon causes "This page is asking you to confirm that you want to leave" on all navigation HOT 1
- [Bug]: isParentRemoved lags by 1 to 3 seconds on pages with lots of nodes
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rrweb.