How to upload videos / docs along your code using SpeaCode?👨‍💻📷🚀
Tags: codereview, python, video, java
Published: 2021-11-29 15:37:12

##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

- Search “SpeaCode”
- Intall the plugin “[Speacode Video Screen Recorder for Code | Python Java JS PHP etc](https://plugins.jetbrains.com/plugin/15672-speacode-video-screen-recorder-for-code--python-java-js-php-etc)"
- After the installation, click on Restart IDE for the changes to take effect.
 
## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zbn3q3nbgve5ff32tzsl.png)

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2a2q2t2qb7q79yaa2tjr.png)

## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y8ofuvmtuwzyqign2oji.jpeg)



## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3up63j9347rjjravodvn.png)


## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yvl6io5qhe3nlbny882x.jpeg)

## STEP 6 – Upload the video from the IDE
Click on the Play button again and then click on “Upload Video”

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64iwaxo6pt31qnp5cmyo.png)

## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/38mvs900cte51dd1cqz9.jpeg)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vo1vk2uig20vuz5ae9iq.png)