Gong Real-time Control Examples

Example 1 - Simple Play a Message Example (Uses JavaScript Only)

Simple Play a Message Example
Example 1

In this example we use JavaScript to communicate with the Gong applet which is loaded in the page but not visible to the user. The JavaScript simply instructs the Gong applet to play a voice recording when the user press the 'Play' button.

Proceed to try out the example »

Example 2 - Simple Record Message Example (Uses JavaScript Only)

Simple Record a Message Example
Example 2

In this example we create another simple webpage which can be used to make a new recording using the Gong applet. The Gong applet is again hidden in the page and not visible to the user. When the user press the 'Record' button the JavaScript will start the recording. The message will be posted once the user press 'Stop'.

Proceed to try out the example »

Example 3 - Old MacDonald Had a Farm (Uses JavaScript Only)

Old MacDonald Had a Farm
Example 3

In this example we have prepared the song 'Old MacDonald Had a Farm' in a Gong board. The Gong applet is loaded in the webpage but is not visible. The example webpage uses JavaScript to retrieve and play the message and its indexed content.

The user can play the song at three different speeds by clicking on one of the images at the bottom of the page. A "special" speed is also available where the playback speed is changed while the song is being played. This is done by using JavaScript to dynamically change the speed value.

During playback the lyric is displayed and highlighted. This can be achieved because the song has already been indexed in the Gong system.

The user can also click on different words to hear their corresponding voices.

Proceed to try out the example »

Example 4 - COMP171 Recorded Lecture (Uses JavaScript Only)

COMP171 Recorded Lecture
Example 4

In this example we have recorded part of the lecture of a first year undergraduate course. The recorded lecture is approximately 50 minutes long and it involves 15 pages of PowerPoint slides. We have stored two slides of the lecture into a Gong board for a speech of around 7 minutes long. The Gong applet is loaded in the webpage but is not visible. In the example webpage these messages are retrieved by JavaScript and can be played with their indexed content displayed at appropriate times.

The user can select to play one page of the slides by clicking on the list of slides on the left-hand side of the webpage. Once a slide is selected the recorded speech will be played together with the display of the PowerPoint slide and its transcript. Because the speech is indexed the transcript is updated during playback.

Furthermore the playback speed of the lecture can be adjusted in five different levels anytime.

Proceed to try out the example »

Example 5 - Flash Interface (Uses Flash with JavaScript)

Flash Interface
Example 5

This example is a combination of a Flash program and the MiniGong applet. We have emulated the major functionalities of the MiniGong applet by building a Flash program on the example webpage. You can get the source of the Flash program here.

In this example the Flash program and the MiniGong applet are two separate entities on the webpage. The Gong applet is loaded in the webpage but is not visible. The communication is done by using the underlying JavaScript inside the HTML page.

The Flash program appears to be functionally nearly an identical duplicate of the MiniGong applet it actually gives a different flavor with its hugely different interface and user interaction.

Proceed to try out the example »

Example 6 - HTML Gong Interface (Uses JavaScript Only)

HTML Gong Interface
Example 6

This last example is a HTML Gong interface. A discussion board interface with message tree and message details is recreated using only HTML and JavaScript. The JavaScript within the website is not utterly complex by using the Gong applet scripting interface.

Most of the basic features are included in this interface. However some of the advanced features are not reproduced because either they are not suitable to be displayed using HTML or they are not released to the Gong real-time control interface.

Proceed to try out the example »