Completed Research Objectives and Proof of Concept [POC] Build

Dr. Richard Wolf
Ashley Bradford, Project Lead

  1. SoundCloud API succesfully connected between annotation interface and Instructor files.
  2. Removed asset storage from CritiqueIt proprietary platform. This will alleviate any forward-going hosting costs throughout the grant as all assets will remain on SoundCloud and are never duplicated or hosted elsewhere.
  3. Re-architected annotation data housing to store all user data within a WordPress native database. This alleviates any forward-going hosting costs for grant as all annotation and user data remains on WordPress.
  4. Architected authentication based on WordPress user type as opposed to proprietary platform authentication methods - allows all user data to be stored and referenced exculsively in WP. No duplication of datasources and therefore no additional exposure to credential vulnerabilities or dependencies on third-party platform outside of WordPress.
  5. Implemented waveform visualizer. Renders SoundCloud waveforms in real-time without need for audio file duplication or third-party processing, thus eliminates additional hosting or third party fees.
  6. Implemented Phase 1 of contextualized annotation range (level 3) functionality. This allows users to create continguous and non-continguous seletion ranges from within a dynamically rendered waveform.
  7. Implemented annotation selection on mouse click and drag. This allows a user to create new contiguous and non-contiguous annotation ranges on a wave file.
  8. Streamlined performance for multiple wavefile posts on a single rendered php page. This is how WordPress renders blog posts and allows multiple unique ids and sound assets to reside on a single post.
  9. Identified and engineered the best collection method for metadata fields of each type. (field stiles attached below).
  10. Implented free text annotation upon waveform range selection.
  11. Implemented display text annotation upon range hover.

WaveForm Demonstraiton Parameters


The following link will take you to an initial demonstration of wave-form rendering direct from the SoundCloud API. Our next step will be to use WordPress data storage instead of non-persistant (browser) memory and to add additional metadata and read/write permissions. To use the stage one prototype:

  1. Click and drag the mouse over the waveform to select a range.
  2. Dialog box will prompt for collection.
  3. Edit the range of existing annotations by dragging the annotation boxes to adjust.
  4. Hover over selection area to view the attached annotation.

As per Appendix A, next stage will be to display the open text annotations as the playhead triggers upon audio playback. Secondly, metadata will be applied to the open form collection box and the collection mechanism [pallet] will be styled as per agreement specifications.

Link to Demonstration


The following is an example of stylized collection fields to take into account date ranges, dropdowns radio-buttons and mask fields. In the final prototype, these will be scaled to meet the provided specs as per Appendix A

Example of Global Data Selection
Collector #
Record #