How to Add IncomingVideo Comments Area to Your Web Site
1. Overview
This document is intended for users who would like to insert Comment Area widget to existing web site. The instruction in this tutorial is illustrating the specific sequence of steps and changes that you would need to do if are a system administrator for the website or if you have created your website yourself. These instructions, with minor variation, would also be applicable to all generic web sites, regardless how they were created.
Fig. 1. IncomingVideo Comments Area.
If you are using a generic blog site, such as blogger.com or others, please refer to our Tutorial: How to Add IncomingVideo to Your Blog in the Support section of our website. If someone has built your web site for you, please ask them to integrate IncomingVideo Comments Area for you. It would take no longer than 5 minutes by integrating into your website the snippet of our HTML code which is generated for you in tab Widgets/Comments Area.
If you would rather we incorporate the IncomingVideo Comments Area into your site for you, please click on the button Build IncomingVideo Comments Area on the Support page of the site. For a low fee, we will do the ingeration for you within 24 hours of your request. This might be a preferred option in situations where you are dealing with SFTP, Java, PHP, or you have never dealt with HTML code before. To incorporate IncomingVideo Comments Area on your web site, you would need the following information to your hosting: server address login, password and ability to add or change your HTML pages.
Part 1. Copy and Paste IncomingVideo Comments Area HTML code into Your Web Page
After you sign up to IncomingVideo, log into your account. Then go to the Widgets section, and select tab Comments Area (refer to Fig. 2 below). As optional Step 1, populate your Comments Area with messages, videos, etc. by dragging the messages from the left pane labeled Public Messages into your Comments Area. Here you will have some pre-recorded messages, if you are a first time user, or your message and uploaded videos from the inbox that could be posted for public view. If you would like to customize your Comments Area window, please click on the button Customize, as Step 2 (refer to Fig. 2 below, marked in red arrow). Please refer to Part 3 below describing in detail how to customize your Comments Area. Preview your resulting Comments Area by clicking on button Preview as show in Fig. 2 below as marked in green arrow. And lastly, copy the resulting HTML code from window labeled Step 3 Embed Code.
Fig. 2. How to copy HTML code from IncomingVideo
Part 2. Place HTML code into your web site
Return to your web page source file and paste the HTML code, which you copied from IncomingVideo site in Part 2 above, in a place where you would like the IncomingVideo Comments Area to show on your web-page see illustrative screenshot below. Save the changes in your HTML file and put this file onto your web server by using FTP or server administrating panel.
Fig. 3. Pasting HTML code of IncomingVideo Comments Area.
Congratulations! Comments Area will now show up on your web site. Now any visitor to your web page can play messages that you have posted in your Comments Area widget.
Fig. 4. Ready to use web page with IncomingVideo Comments Area.
The visitors to your web site can playback any video message in your Comments Area by simply clicking on a specific video message. Once they click on the message, a video player like the one below will appear. You can play the message by clicking on the gray triangle and press the same button to pause it. You can watch your message once more by pressing replay button or you can replay the message from beginning any time during the play back by pressing the same button. To return to Comments Area, please press the Back button. Please see the screenshot below.
Fig. 5. Video Playback Illustration.
You have complete control as to what messages you would like to show in your Comments Area and will generate statistics as to how often your posted messages were viewed. You can populate your Comments Area window as frequently as you like by logging into IncomingVideo and going to Widgets/Comments Area tab and dragging messages from the left pane of the screen to the right pane. You can also populate the Comments Area from your Inbox. Once you click on the Publish button on any particular message in your Inbox, it will immediately appear in the Comments Area on your website.
Thank you! Enjoy convenience and all the fun of having IncomingVideo functionality on your website!
3.1. Use Customize button to selecting frame, color and text of IncomingVideo Comments Area
Once you are installing your Comments Area widget, you have many options to customize your Comments Area when you click on the Customize button in the Widgets/Comment Area tab (as shown in Fig. 2 above). You can choose the color of the text in the Comments Area and Comments Area background color by using the color picker palette see Fig. 6 below. Here you can also change the title text for your Comments Area. Click Apply button to save your settings.
Fig. 6. Customizing IncomingVideo Comments Area.
3.2. Populating Comments Area
To populate your Comments Area with messages, please log into IncomingVideo and then to go to Widgets/Comments Area tab and drag messages from the left pane of the window to your Comments Area widget. You will immediately see this message in Comments Area on your web site. Please see Fig. 7 below.
Fig. 7. Populating Comments Area with Messages.
3.3. How to record new video into Comments Area
To record a message with your webcamera, please login into IncomingVideo and go to Message/Inbox tab or Widgets/Comments Area tab. Then press Record button and you will see the recorder as shown below (Fig. 8). Click on Allow in the Adobe Flash Player Settings window to enable video recording. Use our automated Camera set-up wizard if necessary turn on your web camera or refer to our Help doc by clicking the link Help with Webcamera or Microphonone. Click on the Record button of our Video Widget to start recording. Click on Stop button to finish the recording. You can also play video after you finish recording by pressing the Play button. Enter the rest of the information in the window. Please note that the only information that is required to submit the message are the Name and Subject fields. Please keep in mind that here you can not only record video messages, but also audio messages, or just text messages (by typing in the Text Feedback window).
Fig. 8. Recording a Message on IncomingVideo.
Then to place it into Comments Area, find your webrecording in the left pane in the Comments Area tab and drag it to the right pane. Or find your videos in your Inbox and click on the Publish button.
3.4. How to upload Video files to Comments Area
In addition to webcam recordings, you can also post your video files in the Comments Area. To do so, please login into IncomingVideo and go to Message/Inbox tab or Widgets/Comments Area tab. Click on the Upload Video button and select the file to be uploaded (see Fig. 9 below.)
Fig. 9. Upload video files to Comments Area.
Please note that the upload functionally works with files in the format of FLV currently. If your video files are in a different format, you can easily convert them into FLV format by using a free software, for instance Any Video Converter - www.any-video-converter.com. Enter the rest of the information in the pop-up window to refer to Fig. 10 below. Please note that the only information that is required to submit the message are the Name and Subject fields.
The video file will be uploaded and will show up in your mailbox. To place you videos into Comments Area, find your video in the left pane in the Comments Area tab and drag it to the right pane. Or find your video in your Inbox and click on the Publish button.
Fig. 10. Upload video files to Comments Area.
If you have a WordPress blog or site you can try our video comments for wordpress plugin.
