How to integrate 1PixelOut audio player with audiofile CCK

In this post you will find a step by step explanation on how to make the CCK audio field display 1 Pixel Out MP3 player. Currently I am working on a project that needs a content type where members of the staff can add audio files with a name and a description. The audio file was required to be played with a simple flash player, 1PixelOut preferably. I found that audiofile CCK field, part of Media Field Project worked fine but it did not display a flash player to hear the audio. It just gives you a link to download the file.

Steps

1. Install mediafield, this module requires getID3() library 1.7.7. I install this library in /misc/lib/getid3/getid3/*.php

2. I installed SWF Tools which allowed me to embed audio files with a simple syntax like:

<?php
print swf('test.mp3');
?>

This module is helpful because it already have integration with 1 Pixel Out MP3 Player.

3. Then I downloaded the 1 Pixel Out MP3 Player and installed it in /sites/all/modules/swftools/shared/1pixelout/player.swf. You can remove all other files in the audio-player.zip

4. Now we need to edit audiofield.module to make it display our 1 Pixel Out Player. In the code look for the last function called theme_audiofield(). Replace the content with this code:

<?php
/**
 * Themed output for audiofield on a node view page. Called from formatter hook.
 */
function theme_audiofield($file, $item, $field) {
  $file = (array)$file;
  if (is_file($file['filepath'])) {
    $name = $file['filename'];
    return swf($name);
  }
}
?>

5. There is an error in audiofield.module that we need to fix, you can find more info here. In a function called audiofield_field_formatter() add a reference to multimediafile.inc

<?php
/**
 * Implementation of hook_field_formatter().
 */
function audiofield_field_formatter($field, $item, $formatter) {
  require_once(drupal_get_path('module', 'audiofield') .'/multimediafile.inc');
  if (!isset($item['fid'])) {
    return '';
  }
  $file = _field_file_load($item['fid']);
  return theme('audiofield', $file, $item, $filed);
}
?>

6. Now create a new content type and add Audio field to it. Leave blank the field called "Path to save uploaded file to" because 1 Pixel Out will look in the /files directory only.

That's it you should have a simple Audio player working with your new content type.