Abstract: By configuring domain
to ensure the "Video" properly recorded
Screen Record Features
Fundebug provide professional monitoring service exception, when online applications appear BUG, we can first alarm, to help developers discover BUG, Debug improve efficiency. In the web client, we record screen technology through original, 100% reduction of operational processes appear before the BUG users, help developers quickly re-emerged in the wrong scene. Demo video below: https://static.fundebug.cn/eleme_full.mp4
In fact, our record is not a real video! Optimized algorithm, the whole "recording" process CPU usage is very low. And compared to traditional video, hundreds of times smaller volume. Fundebug plug-in "record" and "short video", the volume of compressed only a few dozen KB.
Interested, welcome to a free trial ~
Respect for user privacy
Screen recording functionality related to user privacy, we as a third party service, also attaches great importance to this:
- Fundebug screen recording feature turned off by default, when the developer can open their own needs;
- Fundebug not record the full screen, only 10 ~ 20s recording user actions appear before the BUG;
- Fundebug provide sensitive information filtering filtering capabilities, developers can filter out user privacy information;
- Fundebug attention to data security, encryption throughout the transfer process, the database has multiple security ;
- Fundebug regularly (currently 60 days before deleting data) deletion of expired data errors, thus saving costs and also protect user privacy;
Please do not hesitate to use ~
Screen Capture plugin update to 0.5.0
The plug-in upgrade to add a domain
configuration item, details of which are official documents .
Record screen plug-in by default get current domain
information without active configuration. Only when the project mounted under non-root directory when it needs active configuration domain
properties.
Why you need to configure domain
attributes?
Because all static resources (images, CSS, JS) Road King is relative to the root directory of the project, if the plug can not get the project root directory information is correct, you can not get static resources, leading to record screen failure.
How to configure it?
Let's explain with an example. Assume Fundebug launched a line of code static analysis service, plans to put https: under ///www.fundebug.com/static-type-checking/online.
So we need to configure the domain attribute, screen recording function to work properly.
<script src="https://js.fundebug.cn/fundebug.revideo.0.5.0.min.js"
domain="https:///www.fundebug.com/static-type-checking/online"</script>
or:
if ("fundebug" in window) {
fundebug.domain = "https:///www.fundebug.com/static-type-checking/online";
}
If not specified domain
, the plug-acquired domain
Shi https:///www.fundebug.com
. If you have a picture, would have been the correct path should be https:///www.fundebug.com/static-type-checking/online/static/1.jpg
and will be calculated as the wrong https:///www.fundebug.com/static/1.jpg
, it will cause problems not get the picture, it can not be displayed properly.
Access method
BUG monitor plug from 1.7.3 version of the beginning, we recorded a split-screen code. If you need to use screen recording feature, you need to access a separate record screen plug-ins.
-
Use Script mode access
<script type="text/javascript" src="https://js.fundebug.cn/fundebug.revideo.0.5.0.min.js" />
-
Use NPM access
require("fundebug-revideo");
Finally, thanks to user feedback Fundebug of litchi FM.
reference
- Black &! Fundebug supports visual scene to reproduce the error
- Fundebug Documentation - Screen Capture
About Fundebug
Fundebug focus on JavaScript, applets micro-channel, micro-channel games, Alipay small program, React Native, Node.js and Java applications in real-time online monitoring BUG. Since 2016, two-eleven formally launched, Fundebug handled a total of 1 billion + error event, paying customers have Sunshine Insurance, walnut programming, lychee FM, head of the 1-to-1, micro pulse, the Youth League and many other community brands. Welcome to Free Trial!
Copyright Notice
Please indicate the author reprinted Fundebug and paper Address:
https://blog.fundebug.com/2019/07/24/release_revideo_0_5_0/