Make it possible to insert audio after question labels in surveys

[tparsnick]

Test survey with pickleplayer https://redcap-dev.health-eheartstudy.org/surveys/?s=JByQgp

Just below the popover is a sample heartbeat audio file using the pickleplayer. It works ok in chrome, Firefox, Safari on my macbookAir. But the play image doesn't appear on the mobile devices I tried: ipad, iphone, Samsung Galaxy S3.

Can you please investigate how to make this work with our survey code in a responsive way. You can download the code from the link above for a base to start from.

The pickleplayer examples work on ipad and mac. Although they don't appear to be very responsive. You can see an example at http://www.pickleplayer.com/examples/audio/simple_button/index.html

If you can't get pickleplayer to cooperate, please feel free to find something that works within the redcap survey HTML4 DocType.

I also came across http://jplayer.org, but this uses jquery and may interfere with the on submit validation errors popup, which we came across when implementing the popover.

As you know certain tags get stripped out by Redcap, such as audio, object, embed tags. The div tag used by the pickleplayer doesn't get stripped.

[tparsnick]

@kimburgia @tsinha @olgin I just implemented a solution for the audio. It is not as nice as pickle, but it works on both mobile and desktop. The local audio program is used; when a user is done listening they click back to go back to the specific part in the survey they came from.

Please have a look at https://redcap-dev.health-eheartstudy.org/surveys/?s=JByQgp

@julianagle the code below is what you need to implement an audio file under a label. Also, you will need to give me the audio files to post.

Listen to this heart beat <a href="audio/heart.mp3"><img src="images/play_gray.png" /></a>

[olgin]

Works great

Sent from my iPhone (so please excuse brevity and typos).

On Feb 4, 2013, at 1:47 PM, "tparsnick" notifications@github.com<mailto:notifications@github.com> wrote:

@julianaglehttps://github.com/julianagle @kimburgiahttps://github.com/kimburgia @tsinhahttps://github.com/tsinha @olginhttps://github.com/olgin I just implemented a solution for the audio. It is not as nice as pickle, but it works on both mobile and desktop. The local audio program is used; when a user is done listening they click back to go back to the specific part in the survey they came from.

Please have a look at https://redcap-dev.health-eheartstudy.org/surveys/?s=JByQgp

Julie the code below is what you need to implement an audio file under a label. Also, you will need to give me the audio files to post. Listen to this heart beat [X] <audio/heart.mp3>

— Reply to this email directly or view it on GitHubhttps://github.com/UCSF-DMG/redcap/issues/1#issuecomment-13101471.

[julianagle]

@kimburgia Can you send Todd the audio files that he needs for the heartbeat sounds?

[tparsnick]

@julianagle if there r a bunch and big then Dropbox and or a zip might be best

Sent from my iPhone

On Feb 5, 2013, at 9:29 AM, "julianagle" notifications@github.com wrote:

@kimburgia Can you send Todd the audio files that he needs for the heartbeat sounds?

— Reply to this email directly or view it on GitHub.

[julianagle]

@tparsnick @kimburgia I believe there are only 4.