Media capture

The media capture options enable you to display a button, that, when clicked or tapped, allows the agent to record data using their device's camera or microphone (in other words, you can capture images, video or sound). This can be set up on open-ended questions only.

To apply one of the media capture styles:

1. Open the screen on which the open-ended question is located.

2. Right-click the question's text box.

3. Select media capture, and then select the type of media data you want to collect (image, video or sound). The question's text box changes to a media capture button (e.g. for image capture, it will be labelled "take a picture") that allows the agent to initiate data capture.

Storing captured media online

Because of memory limitations on some platforms used to conduct CAPI interviews, it is sometimes better to store captured pictures, movies or sound clips online, rather than in the XML data file on the device. It is possible to have these files uploaded to the Amazon cloud or FTP when synchronisation occurs, thus saving memory on the interviewing device. To set this up, use the media capture properties for the control (right-click the control, and click properties, then open the media capture tab). See media capture properties for details.

Customising the look and feel of the media capture button

The following CSS code can be added into the survey's internet options of the survey so that the media capture button appears with a more modern look. This code is included in the most recent version of the Askia standard library, which can be downloaded here.

.media-capture {
	background: #3b88d8;
    	background: linear-gradient(0% 100% 90deg, #377ad0, #52a8e8);
    	/* border-top: 1px solid #4081af;
    	border-right: 1px solid #2e69a3;
    	border-bottom: 1px solid #20559a;
    	border-left: 1px solid #2e69a3;*/
    	border-radius: 2px;
    	box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
    	color: #fff;
    	font-family: "lucida grande", sans-serif;
    	font-size: 16px;
    	line-height: 2;
    	padding: 4px 0 6px 0;
    	text-align: center;
    	text-shadow: 0 -1px 1px #3275bc;
    	width: 100%;
	height: 50px;
	margin: 40px auto;
    	-webkit-background-clip: padding-box;
  }
  .media-capture:hover {
    	background: #2a81d7;
    	background: linear-gradient(0% 100% 90deg, #206bcb, #3e9ee5);
    	box-shadow: inset 0 1px 0 0 #62b1e9;
    	cursor: pointer;
    	text-shadow: 0 -1px 1px #1d62ab;
    	-webkit-background-clip: padding-box;
  }
  .media-capture:active {
    	background: #3282d3;
    	box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
    	text-shadow: 0 -1px 1px #2361a4;
    	-webkit-background-clip: padding-box;
  }
  .media-capture div {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
  }