Flash player required!

Webcam plugin

We created an easy-to-install plugin for phpBB message boards that allows your forum members to easily take webcam snapshots. The snapshots are automatically inserted into the message post form as BBcode!

Note: this plugin is easy to implement in applications other than phpBB as well with some basic knowledge of HTML.

Installation (phpBB)

1. Log in to the Administration Control Panel (there's a link at the bottom of your forum).
2. Click on the 'styles' tab in the top navigation.
3. In the left menu, click on the 'Templates' link.
4. Now click the 'Edit' link next to the theme of your forum (default is prosilver).
5. In the dropdown list, select 'posting_buttons.html'. In this file:
   1. The first line looks like this:
      <script type="text/javascript">
   2. Replace that first line with the following code:
      <div id="light" class="webcam_content"><a href="javascript:void(0)" onclick ="closeWebcam();">Close</a>
      <object width="489" height="364">
      <param name="movie" value="http://www.321cheese.com/main_cam_plugin.swf?plugin=true" />
      <param name="allowScriptAccess" value="always" />
      <embed src="http://www.321cheese.com/main_cam_plugin.swf?plugin=true" width="489" height="364" allowscriptaccess="always">
      </embed>
      </object>
      </div>
      <div id="fade" class="webcam_overlay"></div>
      <script type="text/javascript">
      function openWebcam(){
      document.getElementById('light').style.display='block';
      document.getElementById('fade').style.display='block';
      }
      
      function insertImg(file){
      insert_text('[img]http://www.321cheese.com/'+file+'[/img]', false, false);
      closeWebcam();
      }
      
      function closeWebcam(){
      document.getElementById('light').style.display='none';
      document.getElementById('fade').style.display='none'
      }
      
   3. Find the following code:
      <!-- IF S_BBCODE_IMG -->
   4. Before that line of code, add the following:
      <input type="button" value="Webcam" class="button2" onclick="openWebcam();" />
6. In the left menu, click on the 'Themes' link.
7. Now click the 'Edit' link next to the theme of your forum (default is prosilver).
8. At the top of the page, add the following code:
   @import url(http://www.321cheese.com/plugin.css);

Congratulations, you're done!