Category: Web Building

Drupal: set up a draggable card sort view – Part 3

<= Back to previous section “Part 2 of 8”


  1. Once the fields have been selected, each can be configured with display and behavior settings.

    Under Fields, click the blue text "Node: Body" to view the settings for that field. If you wish, enter some text that will be displayed if there is no body text in a node or, alternatively, check "Hide if empty."
    (see below)


    Continue reading

Infinite JW FLV players on a page, with error catching for Red5 bug

NOTE: this has been revised to make it more flexible, and allow multiple streamers and multiple video types, using the same code.

This is a script that allows you to add as many JW FLV players to a page as you want, using a single block of code. The players all have separate event listeners to keep them from interfering with each other. Events or actions executed in one player do not affect others.

This particular demo also corrects for a problem we have noticed recently with Red5, where RTMP streams will hang with a “BUFFER.EMPTY” status code. I’ve set up meta-monitoring so that it catches “BUFFER.EMPTY” codes and starts the player up again a little bit previous to the break. It creates player names and function names dynamically, based on how many players you request. If this function seems to be giving you problems, if your videos start jumping back and restarting a lot, search for the following line and comment it out by adding “//” in front of it:

window["player_"+obj.id].sendEvent('SEEK', parseInt(window["positionarray_"+obj.id][3])+100);

We’ve also had problems with some videos that simply refuse to stream, although they will play using progressive download. You can use a mixture of streaming and non-streaming by altering the playlist for each video.

Screen shot 2009-10-30 at 5.44.32 PM.jpg


Continue reading

JW FLV Player and Red5 apparent buffering bug

Update 12-18-09: Longtailvideo has apparently resolved this bug with its player v.4.7beta. At this time v. 5 does NOT have the fix in it. The code changes that fixed the bug can be seen here: [Changes to RTMPModel.as]

A few months ago, we installed Red5 0.7.0 on a Windows server to stream Flash video inside the firewall. This server is used mainly to stream short clips that are embedded in learning modules.

The JW FLV player v. 4.6 is included in the learning module template and enables us to display the videos with a high degree of flexibility.

Picture 41.jpeg

Example of a player that contains multiple short video clips.
The player generates a navigation listing on the right from the XML playlist.


Continue reading

Using toggle javascripts to build an FAQ page.

FAQ pages are sometimes requested in our learning modules so we’ve built in the scripts to create an easy- to-read, easy-to-use FAQ by applying simple CSS classes to elements on the page. When the FAQ page loads, all the questions appear in a collapsed view which can be quickly scanned.

Screen shot 2009-10-23 at 3.21.54 PM.jpg

On clicking any question, its associated answer expands and pushes the rest of the questions down. When another question is clicked, the first answer closes and the new answer opens up.

Screen shot 2009-10-23 at 3.22.00 PM.jpg

Here’s how to add this type of FAQ to your own HTML pages.


Continue reading

Hide the playbar in a Presenter presentation

One of our content experts wanted to use Powerpoint to create an interactive presentation. Although Captivate would probably be the ideal choice, she only owns Adobe Presenter, so I suggested she use that to convert the Powerpoint for the web.

The problem is that Presenter, by default, shows a navbar on the side and a playbar below the presentation. In this case, allowing linear movement would break the logical flow of the interactive module. This project is more of a decision-support tool, and less a linear learning module where the user must view every page. To make a module like this function correctly using Adobe Presenter, follow these steps:

  • Before entering Presenter, add navigation buttons or hyperlinked images to your Powerpoint slides that allow user interaction to choose the path through the module. Many slides will probably just need a “Next” button, but certain slides will function as decision points where your users will choose which path to follow. You may have to draw out a flow chart to do this correctly if there are a lot of slides and decision points.
    Continue reading

Beginning Eclipse CVS – Branching: Merge changes back to the Trunk

<= Back to previous section “Create a Branch”

    When last we left Paul, he was working in the branch p1test. Now he is going to close his branch, open the Trunk and merge his changed files down to the Trunk. If you were playing Paul before, you may still have his branch open. If not, skip to this step.

    Continue reading below break…


Continue reading

JW FLV player that switches playlists on the fly

The JW FLV player is a versatile, customizable and scriptable flash video player, available from Longtailvideo.com. The player was recently upgraded, and many details in the scripting and playlists had to change to remain compatible. I’m posting examples of some of the players I’ve created lately, using the latest version of the player and SWFObject.

Versions

  • Player: JW FLV player 4.6
  • SWFObject: 2.1
  • Red5 Streaming server using RTMPT or RTMP
  • This is an example of a current-version player that changes playlists on the fly when you click a link or button.

    I can’t show you a working demo because I don’t have an external Red5 server but here is how it looks. When the page loads, the player loads the first playlist.

    Safari003.jpg

    Continue reading