DEV Community

liadshviro
liadshviro

Posted on

How to upload videos / docs along your code using SpeaCode?πŸ‘¨β€πŸ’»πŸ“·πŸš€

What is Speacode?

Speacode is a knowledge sharing platform that improves collaboration among developers that are working on the same repository. Speacode stores videos and docs and makes them easily accessible to other developers in the exact lines of codes they belong to.

STEP 1 – install Speacode pluginπŸš€

Open your IDE and then navigate into the plugins marketplace

STEP 2 – Add a video/doc comment above your changes

In order to add a video simply add a comment with the word video.
*The syntax of comments in various programming languages varies.
//video

Image description

In order to add a document simply add a comment with the word
//doc

Image description

STEP 3 – Click on the play icon and start recording your screen

When you click on the play button you will see 4 actions,in order to start recording your screen click on β€œRecord a video”

Image description

STEP 4 – Choose your microphone and camera (Not a must)

SpeaCode screen recorder will be opened and you will be able to choose the microphone, and a camera if you would like to turn it on.
Then, you can go ahead and click on the β€œStart Recording” button.

Image description

STEP 5 – After you finish recording click on the Stop button

After you have finished recording your screen click on the stop button on the left side of the recorded screen.
Preview window will pop up and you will be able to save the video by clicking on the β€œSave” button.

Image description

STEP 6 – Upload the video from the IDE

Click on the Play button again and then click on β€œUpload Video”

Image description

STEP 7 – Fill out the upload form

Choose the title for the video and choose the video you have created in step 4 by clicking on the β€œBrowse” button.
In the tag field, you can write the task id or any other information you want divided by β€œ,” (comma)
After you have completed the form you can click on β€œUpload”.
A notification will be sent after the video has been uploaded successfully.

Image description

The comment has been updated with the new information.πŸ˜€

Congratulations - your video is Ready!

Click on the play icon -> "Play Video"
The video will be played on your local machine πŸŽ‰

Image description

Top comments (6)

Collapse
 
coralbg profile image
coralbg

Great guide and very detailed!

Collapse
 
idanshviro profile image
Idan Shviro

Looks awesome, thank you for sharing! πŸš€

Collapse
 
hagay3 profile image
Hagai Hillel

Very informative guide, can't wait to share it with my team

Collapse
 
ryanguitar profile image
Ryan Els • Edited

Looks very cool. Thanks for sharing. Will definitely check it out.

Collapse
 
tzionben profile image
Tzion

Great invention!! Good luck

Collapse
 
haroldm72017659 profile image
Harold Moore

All okay