Skip to content

Commit e78283b

Browse files
authored
Merge pull request #45 from chipspeak/GUIDEFRAME-58
task(GUIDEFRAME-58): extensive README update.
2 parents 288f89a + e2cba91 commit e78283b

File tree

1 file changed

+46
-8
lines changed

1 file changed

+46
-8
lines changed

README.md

Lines changed: 46 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,56 @@
11
# GuideFrame
22

3-
A walkthrough video generation tool created for the final project module on the HDip in Computer Science SETU
3+
GuideFrame is a tool which allows software developers to produce detailed walkthrough videos of their projects using python code. It can be run locally, provided you have the required packages installed, or can be used as a GitHub action.
4+
5+
It uses a selection of open-source software to record a users screen, perform scripted UI interactions and generate a matching voiceover based on a user-defined markdown file.
46

57
## Installation
68

7-
GuideFrame is packaged and available on pypi. It can be installed using:
9+
GuideFrame is currently available on PyPi. It can be installed using:`pip install guideframe`.
10+
While GuideFrame can be run locally, given the variance in development environment, using it as part of a GitHub action is the recommended approach.
11+
12+
More detailed installation instructions can be found on the official docs page [here](https://chipspeak.github.io/GuideFrame/installation/).
13+
14+
## Getting Started
15+
16+
If you simply want to get started, a template repository exists to enable users to dive in without the need to navigate local dependencies, python environments etc. Simply clone or fork the repository listed below to have access to a correctly configured template. You can then modify the GuideFrame script and markdown as needed for your purpose. Then you need only enable the GitHub action to begin your first render.
17+
18+
[GuideFrame Template Repository](https://github.com/chipspeak/GuideFrame-Template)
19+
20+
## Samples
21+
22+
If you wish to view the syntax of GuideFrame through the lense of examples, see the below links.
23+
24+
**Tutors Demo** - A brief GuideFrame walkthrough using [tutors.dev](tutors.dev)
25+
* [GuideFrame Tutors Demo script](https://github.com/chipspeak/GuideFrame/blob/main/guideframe_demos/tutors_demo/guideframe_tutors_demo.py)
26+
* [GuideFrame Tutors Demo markdown](https://github.com/chipspeak/GuideFrame/blob/main/guideframe_demos/tutors_demo/guideframe_tutors_demo.md)
27+
* [GuideFrame Tutors Demo video](https://www.youtube.com/watch?v=Hq5pKuotsac)
28+
29+
**Magento Demo** - A GuideFrame selenium function demo using the [Magento test site](https://magento.softwaretestingboard.com/)
30+
* [GuideFrame Magento Demo script](https://github.com/chipspeak/GuideFrame/blob/main/selenium_demos/selenium_function_demo.py)
31+
* [GuideFrame Magento Demo markdown](https://github.com/chipspeak/GuideFrame/blob/main/selenium_demos/selenium_function_demo.md)
32+
* [GuideFrame Magento Demo video](https://www.youtube.com/watch?v=O9Mt2SXts-0)
33+
34+
**GuideFrame Code Walkthrough** - An elaborate GuideFrame walkthrough where it works through its own code.
35+
* [GuideFrame Code Walkthrough script](https://github.com/chipspeak/GuideFrame/blob/main/guideframe_demos/guideframe_code_demo/guideframe_code_demo.py)
36+
* [GuideFrame Code Walkthrough mardkwon](https://github.com/chipspeak/GuideFrame/blob/main/guideframe_demos/guideframe_code_demo/guideframe_code_demo.md)
37+
* [GuideFrame Code Walkthrough video](https://www.youtube.com/watch?v=EZVsS7ulclA)
38+
39+
## Additional Links
40+
* [GuideFrame On PyPi](https://pypi.org/project/guideframe/)
41+
* [GuideFrame Official Docs](https://chipspeak.github.io/GuideFrame/)
42+
43+
## Technologies Used
44+
* [`ffmpeg`](https://www.ffmpeg.org/) - used to capture the virtual displays and combine clips.
45+
* [`gTTS`](https://pypi.org/project/gTTS/) - used to generate the voiceover audio.
46+
* [`xvfb`](https://linux.die.net/man/1/xvfb) - used to provide a virtual display server.
47+
* [`mutagen`](https://mutagen.readthedocs.io/en/latest/index.html) - used to parse MP3 length.
48+
* [`chromium`](https://www.chromium.org/Home/) - to provide a browser for interactions.
49+
* [`selenium`](https://pypi.org/project/selenium/) - the python package for interacting with the browser.
850

9-
```pip install guideframe```
51+
## How To Contribute
52+
GuideFrame is an open-source project and contributions are greatly encouraged. Open an issue thread or fork the repo and open a pull request if you've got suggestions, fixes etc.
1053

11-
Once installed, you will need to install the non-python dependencies. A setup script is packaged with GuideFrame for this. You can simply copy it from the GuideFrame repo and run it locally or you can run the following:
1254

13-
```bash $(python -c "import guideframe, os; print(os.path.join(os.path.dirname(guideframe.__file__), 'setup_env.sh'))")```
1455

15-
In aid of illustrating the basics of GuideFrame, a template repository has been created and can be found here:
16-
https://github.com/chipspeak/GuideFrame-Template
1756

18-
This repository walks a user through the installation process in addition to providing some basics around the workings of GuideFrame in addition to some basic templates.

0 commit comments

Comments
 (0)