Untitled



<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
        <title>IVONA Rapid Voice Development</title>
        <link href="/resources/stylesheets/rvd.css" rel="stylesheet" type="text/css" />
        <link href="/resources/stylesheets/main.css" rel="stylesheet" type="text/css" />
        <link href="/resources/images/favicon.ico" rel="shortcut icon" type="image/png" />
        <script type="text/javascript" src="https://images-na.ssl-images-amazon.com/images/G/01/javascripts/lib/jquery/jquery-1.8.2.min.js"></script>

        <script type="text/javascript" src="/resources/javascripts/jquery-ui-1.10.0.custom.min.js"></script>
        <link rel="stylesheet" href="/resources/stylesheets/ui-lightness/jquery-ui-1.10.0.custom.min.css"/>

        <script type="text/javascript" src="/resources/javascripts/jquery.hotkeys.js"></script>

        <script type="text/javascript" src="/resources/javascripts/select2.min.js"></script>
        <link rel="stylesheet" href="/resources/stylesheets/select2.min.css" />

        <script type="text/javascript" src="/resources/javascripts/require.js"></script>
<script>
    require.config({
        baseUrl: '/resources/javascripts',
        paths: {
            utils: 'utils'
        },
        shim: {
            // TODO mikiansj@ Oct 7 2016: eventually there should be no exports to global scope
            utils: {
                exports: 'computeNaturalWidth',
                init: function() {
                    // http://stackoverflow.com/questions/18650066/can-we-export-multiple-non-amd-functions-from-a-module-in-requirejs
                    return {
                        computeNaturalWidth: computeNaturalWidth,
                        formatDateTime: formatDateTime,
                        autogrow: autogrow
                    }
                }
            }
        }
    });
</script>

<script>
    // Initializing variables for context.js
    window.context = {};

    window.context.isTester =  false  ;

            window.context.cycle = {};
        window.context.cycle.type = "preference";

                            window.context.cycle.id = "7191";

                    window.context.cycle.voiceName = "Nina";


    </script>

<script>var contextRoot = ""</script>

<script>
    require(['logger'], function(logger) {
        logger.addGlobalExceptionHandler();
    });
</script>
    </head>
    <body>
        <article>
                                                <section>
                <div class="k">
                    <div class="wrapper whiteBox mt10 rtl rbr rbl rtr">
                        <div class="pl20 pr20 pt20 pb20">


    <script>var contextRoot = ""</script>

<script language="JavaScript" src="/resources/javascripts/submit.js"></script>
<script language="JavaScript" src="/resources/javascripts/testcase.js"></script>


<div id="testcaseContentStart"></div>


<div class="preference ">


        <script type="text/javascript">
        window['preferFlashAudio'] = true;
    </script>

    <!-- TODO: change this to speaker.min.js after verification of new player is done -->
    <script type="text/javascript" src="/resources/javascripts/speaker.full.js"></script>
        <script type="text/javascript" src="/resources/javascripts/player.js"></script>

    <script type="text/javascript">
        speaker.config({flashPath: "/resources/swf/speaker.swf"})
    </script>

        <div class="testcase-section c">
            <div id="container-player1" style="top:-999px" class="abs"></div>

                                                    <div class="w35 h35 left nbBackground cdg" style="display:table">
            <span style="display:table-cell; vertical-align:middle; text-align:center;">1</span>
        </div>
        <div class="boxHeader">Listen to the first recording</div>
    <div class="c"></div>

    <div id="player-player1" class="mt20 h40 c">
        <a id="playerAction-player1">
            <div id="playerButton-player1" class="left plBackground h40 w150"> </div>
        </a>

        <div id="time-player1" class="h40 ml150 mt10 pt15">
            <div id="progressBar-player1" class="player bcg h10 r10">
                <p id="dot-player1" class="pdot h40 w40 mtM11 mlM10"></p>
            </div>
        </div>
    </div>

    <div id="counter-player1" class="tar fs10 cdg">
        <span id="spend-player1">00:00:00</span>/<span id="all-player1">00:00:00</span>
    </div>

    <script type="text/javascript">
        // Namespace to keep player objects
        var players = players || {};
        players.player1 = new Player('player1', 'https://rvd-data-prod.s3.amazonaws.com/en-US/Nina/voice-qa/sdk-1.6.91/Nina_for_sdk_1.6.92_sdk-1.6.91always/spelling_022.mp3?AWSAccessKeyId=AKIAJW4FWG2HBDSMYFTQ&Expires=1489493143&Signature=U3cHebcfQFJs4l3OwIXHuCyGMFU%3D', '', '6977360', 'sMFbbuoj2F1bVjxUvnSSfxbJ4s25Ej3D');

        // Play sound
                                    players.player1.play();

        require(['logger'], function(logger) {
            logger.addLoggingToPlayer(speaker);
        });
    </script>

    <a id="player-player1-enable-submit-button" onClick="players.player1.enableSubmitButtonOnUrlVerified()"></a>
    </div>
        <div class="testcase-section c">
            <div id="container-player2" style="top:-999px" class="abs"></div>

                                            <div class="w35 h35 left nbBackground cdg" style="display:table">
            <span style="display:table-cell; vertical-align:middle; text-align:center;">2</span>
        </div>
        <div class="boxHeader">Listen to the second recording</div>
    <div class="c"></div>

    <div id="player-player2" class="mt20 h40 c">
        <a id="playerAction-player2">
            <div id="playerButton-player2" class="left plBackground h40 w150"> </div>
        </a>

        <div id="time-player2" class="h40 ml150 mt10 pt15">
            <div id="progressBar-player2" class="player bcg h10 r10">
                <p id="dot-player2" class="pdot h40 w40 mtM11 mlM10"></p>
            </div>
        </div>
    </div>

    <div id="counter-player2" class="tar fs10 cdg">
        <span id="spend-player2">00:00:00</span>/<span id="all-player2">00:00:00</span>
    </div>

    <script type="text/javascript">
        // Namespace to keep player objects
        var players = players || {};
        players.player2 = new Player('player2', 'https://rvd-data-prod.s3.amazonaws.com/en-US/Nina/voice-qa/sdk-1.6.91/Nina_for_sdk_1.6.92_sdk-1.6.91always/spelling_022.mp3?AWSAccessKeyId=AKIAJW4FWG2HBDSMYFTQ&Expires=1489493143&Signature=U3cHebcfQFJs4l3OwIXHuCyGMFU%3D', '', '6977360', 'sMFbbuoj2F1bVjxUvnSSfxbJ4s25Ej3D');

        // Play sound

        require(['logger'], function(logger) {
            logger.addLoggingToPlayer(speaker);
        });
    </script>

    <a id="player-player2-enable-submit-button" onClick="players.player2.enableSubmitButtonOnUrlVerified()"></a>
    </div>

                <form method="post" action="https://www.mturk.com/mturk/externalSubmit" name="testcase" id="testcase">
        <input type="hidden" name="__token_" value="4A7hH5Rh4Lj2FA9OJJAJoX9bzyKcgj3D"/>
        <input type="hidden" name="testcase" value="6977360"/>
        <input type="hidden" name="cycle" value="7191"/>
        <input type="hidden" name="baseSubmissionCount" value="0"/>
        <input type="hidden" name="submissionDurationSeconds" value=""/>
                    <input type="hidden" name="assignmentId" value="3RRCEFRB7NM4PXOZ2EDJRGT3WYNB4Y"/>
                                    <script language="JavaScript" src="/resources/javascripts/comment.js"></script>
    <script language="JavaScript" src="/resources/javascripts/preference.js"></script>

            <div class="testcase-section" id="preferenceText">
                                            <div class="w35 h35 left nbBackground cdg" style="display:table">
            <span style="display:table-cell; vertical-align:middle; text-align:center;">3</span>
        </div>
        <div class="boxHeader">Original text</div>
    <div class="c"></div>
            <div class="preference">I. Uh. don't think it would change a thing. but. OKAY!</div>
        </div>

    <div class="testcase-section" id="preferenceSelect">
                                        <div class="w35 h35 left nbBackground cdg" style="display:table">
            <span style="display:table-cell; vertical-align:middle; text-align:center;">4</span>
        </div>
        <div class="boxHeader">Please choose better sounding version</div>
    <div class="c"></div>

        <div class="preferenceError tar">Field required!</div>
        <div class="c"></div>

        <div class="preference cdg fs16 pt5 pb5 pl40">
                    <p>
                <input type="radio" id="preference1" name="preference" value="PREFERENCE" />
                <label for="preference1">1 is better</label>
            </p>
            <p>
                <input type="radio" id="preference2" name="preference" value="ORIGINAL" />
                <label for="preference2">2 is better</label>
            </p>
                    <p>
                <input type="radio" id="preference5" name="preference" value="BOTH" />
                <label for="preference5">both sound the same</label>
            </p>
            <p>
                <input type="radio" id="preference6" name="preference" value="NONE" />
                <label for="preference6">different, but can't decide</label>
            </p>
        </div>

        <div class="c"></div>

            </div>


    </form>
</div>

<div class="mt10">


    <div class="right">
                    <a class="bButton submit-button" id="submit">Submit</a>
            </div>

    <div class="c right">
        <ul class="submit-button-errors"></ul>
    </div>

    <div class="c"></div>
</div>

<a id="disable-confirmation" href="#"></a> <script language="JavaScript" src="/resources/javascripts/confirm.js"></script>

                        </div>
                    </div>
                </div>
            </section>
                    </article>
    </body>
</html>