rename demo-html-video to demo-screen-recording

.github/workflows/release.yaml

@@ -7,9 +7,14 @@ on:
 
 jobs:
   release:
-    if: github.event.pull_request.merged
+    if: github.event.pull_request.merged && startsWith(github.event.pull_request.title, 'v')
     runs-on: ubuntu-latest
     steps:
+      - name: Ensure PR title matches vx.x.x
+        run: |
+          [[ "${{ github.event.pull_request.title }}" =~ ^v[0-9]+\.[0-9]+\.[0-9]+$ ]]
+        shell: bash
+
       - uses: actions/checkout@v3
         with:
           token: ${{ secrets.PAT }}

public/demo-html-video/assets/introduction.md → public/demo-screen-recording/assets/introduction.md

@@ -1,3 +1,3 @@
 # Introduction
 
-Welcome to our study. This example demonstrates how to capture screen recordings for components where provenance tracking is difficult to implement. In this case, we illustrate the process using a simple website component that is recorded directly from the screen.
+Welcome to our study. This example demonstrates how to capture screen recordings for components where provenance tracking is difficult to implement. In this case, we illustrate the process using simple website components and that are recorded directly from the screen.

public/demo-html-video/config.json → public/demo-screen-recording/config.json

@@ -5,19 +5,19 @@
     "version": "pilot",
     "authors": ["The reVISit Team"],
     "date": "2023-04-14",
-    "description": "A simple demo of using stimuli in an HTML file that renders a D3 visualization. Data is collected via a numeric response field.",
+    "description": "A simple demo of using screen recording on stimuli that render an external website, where provenance tracking is difficult to implement.",
     "organizations": ["University of Utah", "WPI", "University of Toronto"]
   },
   "uiConfig": {
     "contactEmail": "contact@revisit.dev",
-    "helpTextPath": "demo-html-video/assets/help.md",
+    "helpTextPath": "demo-screen-recording/assets/help.md",
     "logoPath": "revisitAssets/revisitLogoSquare.svg",
     "withProgressBar": true,
     "autoDownloadStudy": false,
     "withSidebar": true,
     "windowEventDebounceTime": 200,
     "recordAudio": true,
-    "recordScreen": false,
+    "recordScreen": true,
     "recordScreenFPS": 30
   },
   "importedLibraries": [
@@ -26,7 +26,7 @@
   "components": {
     "introduction": {
       "type": "markdown",
-      "path": "demo-html-video/assets/introduction.md",
+      "path": "demo-screen-recording/assets/introduction.md",
       "response": []
     },
     "barChart": {
@@ -37,7 +37,7 @@
       },
       "description": "Question that asks users to count the number of bars that have a value greater than 1.",
       "instruction": "How many bars have a value greater than 1?",
-      "path": "demo-html-video/assets/bar-chart.html",
+      "path": "demo-screen-recording/assets/bar-chart.html",
       "response": [
         {
           "id": "html-response",

public/global.json

@@ -3,8 +3,8 @@
   "configsList": [
     "tutorial",
     "demo-html",
-    "demo-html-video",
     "demo-html-input",
+    "demo-screen-recording",
     "demo-survey",
     "demo-training",
     "demo-html-trrack",
@@ -58,8 +58,8 @@
     "demo-html": {
       "path": "demo-html/config.json"
     },
-    "demo-html-video": {
-      "path": "demo-html-video/config.json"
+    "demo-screen-recording": {
+      "path": "demo-screen-recording/config.json"
     },
     "demo-html-input": {
       "path": "demo-html-input/config.json"

public/library-screen-recording/assets/screen-recording-introduction.md

@@ -5,9 +5,7 @@
 
 This is an example study of the library `screen-recording`.
 
-This is a required library for screen recording. It provides a component that request user permission for screen and microphone permissions. Then, it starts recording until the end of the study.
-
-
+This is a required library for screen recording. It provides a component that request user permission for screen and microphone permissions. Then, it starts screen capture until the end of the study.
 
 
 ## Available Components

public/library-screen-recording/assets/screen-recording-page.md

@@ -1,31 +1,9 @@
 
 # Demo Page
 
-Any stimulus that comes after the `screenRecordingPermission` page will be recorded.
+Any stimulus that follows the `screenRecordingPermission` page can be recorded.
 
-Try making some mouse movements or scrolling through the content. Then proceed to the next page.
+Explore the webpage in the iframe below, then proceed to the next page.
 
-## Lorem Ipsum
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae maximus sem, ac bibendum augue. Praesent in lacus a velit fermentum suscipit vitae vel dolor. Quisque quis vehicula augue. Aenean hendrerit luctus semper. Integer tortor nunc, placerat vitae porttitor ut, imperdiet sit amet ipsum. Sed pretium sagittis sodales. Sed bibendum ornare congue. Pellentesque semper scelerisque lacus. Nunc sollicitudin lacus iaculis blandit volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vel convallis ligula.
-
-Morbi laoreet sem tortor, sed commodo dolor luctus vel. Aliquam viverra odio et nisi luctus, nec iaculis elit pellentesque. Sed cursus nibh nec aliquam elementum. Fusce non gravida leo. Sed commodo id libero vel lacinia. Vestibulum nisi lectus, efficitur varius venenatis a, cursus a neque. Nam ultricies maximus nisl, vel elementum leo varius a. Nunc at felis tincidunt, feugiat ipsum nec, commodo tellus. Curabitur a congue lectus. Quisque quis tristique nisl. Nulla facilisi. Pellentesque non erat sodales, dapibus orci vel, interdum arcu. Integer tincidunt eu felis nec eleifend. Maecenas convallis nisl non leo eleifend, vel malesuada libero cursus.
-
-Vestibulum accumsan enim ac finibus efficitur. Aenean nec dignissim lacus. Morbi eleifend quis tellus efficitur accumsan. In molestie aliquam ante sed dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Aenean lacinia, felis vel cursus congue, sapien magna tristique dui, ac pharetra magna lorem id odio. Integer ornare, libero in tincidunt sollicitudin, ex diam euismod neque, eget faucibus odio enim id ligula.
-
-Donec mollis dapibus mauris a vestibulum. Cras dictum volutpat enim, sit amet tristique est consequat quis. Mauris hendrerit justo nibh, semper hendrerit neque volutpat vel. Phasellus fermentum nulla et dui lacinia, sit amet elementum mauris iaculis. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum et mauris lorem. Quisque hendrerit erat et turpis facilisis, non tempor mi ullamcorper. Sed efficitur sapien eu dui porttitor, nec pulvinar neque molestie. Aliquam a ipsum non nisl maximus condimentum. Donec vestibulum blandit lectus, ut commodo turpis ultrices ut.
-
-Cras a convallis erat, at imperdiet elit. Nulla rutrum condimentum neque. Donec interdum, leo et dignissim auctor, ipsum enim pharetra orci, non consequat arcu massa tincidunt orci. Vivamus sodales sapien in libero condimentum, sit amet vulputate eros porttitor. Vestibulum nec nisi turpis. Suspendisse arcu arcu, rutrum a dolor in, gravida finibus justo. Vestibulum congue neque id nibh pulvinar cursus non fringilla mauris. Morbi vestibulum metus eu mi venenatis, quis lacinia nibh imperdiet. In at ante sapien. Quisque eu lacus lectus. Suspendisse ac quam ut lorem faucibus iaculis quis id sapien.
-
-
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae maximus sem, ac bibendum augue. Praesent in lacus a velit fermentum suscipit vitae vel dolor. Quisque quis vehicula augue. Aenean hendrerit luctus semper. Integer tortor nunc, placerat vitae porttitor ut, imperdiet sit amet ipsum. Sed pretium sagittis sodales. Sed bibendum ornare congue. Pellentesque semper scelerisque lacus. Nunc sollicitudin lacus iaculis blandit volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vel convallis ligula.
-
-Morbi laoreet sem tortor, sed commodo dolor luctus vel. Aliquam viverra odio et nisi luctus, nec iaculis elit pellentesque. Sed cursus nibh nec aliquam elementum. Fusce non gravida leo. Sed commodo id libero vel lacinia. Vestibulum nisi lectus, efficitur varius venenatis a, cursus a neque. Nam ultricies maximus nisl, vel elementum leo varius a. Nunc at felis tincidunt, feugiat ipsum nec, commodo tellus. Curabitur a congue lectus. Quisque quis tristique nisl. Nulla facilisi. Pellentesque non erat sodales, dapibus orci vel, interdum arcu. Integer tincidunt eu felis nec eleifend. Maecenas convallis nisl non leo eleifend, vel malesuada libero cursus.
-
-Vestibulum accumsan enim ac finibus efficitur. Aenean nec dignissim lacus. Morbi eleifend quis tellus efficitur accumsan. In molestie aliquam ante sed dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Aenean lacinia, felis vel cursus congue, sapien magna tristique dui, ac pharetra magna lorem id odio. Integer ornare, libero in tincidunt sollicitudin, ex diam euismod neque, eget faucibus odio enim id ligula.
-
-Donec mollis dapibus mauris a vestibulum. Cras dictum volutpat enim, sit amet tristique est consequat quis. Mauris hendrerit justo nibh, semper hendrerit neque volutpat vel. Phasellus fermentum nulla et dui lacinia, sit amet elementum mauris iaculis. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum et mauris lorem. Quisque hendrerit erat et turpis facilisis, non tempor mi ullamcorper. Sed efficitur sapien eu dui porttitor, nec pulvinar neque molestie. Aliquam a ipsum non nisl maximus condimentum. Donec vestibulum blandit lectus, ut commodo turpis ultrices ut.
-
-Cras a convallis erat, at imperdiet elit. Nulla rutrum condimentum neque. Donec interdum, leo et dignissim auctor, ipsum enim pharetra orci, non consequat arcu massa tincidunt orci. Vivamus sodales sapien in libero condimentum, sit amet vulputate eros porttitor. Vestibulum nec nisi turpis. Suspendisse arcu arcu, rutrum a dolor in, gravida finibus justo. Vestibulum congue neque id nibh pulvinar cursus non fringilla mauris. Morbi vestibulum metus eu mi venenatis, quis lacinia nibh imperdiet. In at ante sapien. Quisque eu lacus lectus. Suspendisse ac quam ut lorem faucibus iaculis quis id sapien.
+<iframe src="https://revisit.dev/" height="600px" style="border: 2px solid #000" >