Player Joy C Chang - NEW RESISTANCE TECHNOLOGIES: ADVANTAGES AND LIMITATIONS

<!DOCTYPE html> <html lang="en">  <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-54VKCLC');</script>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Player Joy C Chang - NEW RESISTANCE TECHNOLOGIES: ADVANTAGES AND LIMITATIONS - CROI 2021</title> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="https://cr-prod-public.s3.amazonaws.com/static/player/v2019.02.1/player.css"> <script src="https://cr-prod-public.s3.amazonaws.com/static/player/dashjs/v2.9.3/dash.all.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script language="javascript" src="https://cr-prod-public.s3.amazonaws.com/static/player/v2019.02.1/player-allv4.js" type="text/javascript"></script> <link href="https://cr-prod-public.s3.amazonaws.com/static/player/rfl/10.0.0/nouislider.css" rel="stylesheet"> <link href="https://croilpst-prod.p.capitalreach.com/styles/player/2021croi/meeting.css" rel="stylesheet" type="text/css">  <script type="text/javascript"> // var consoleJson = { "aspectRatio": "16x9", "embed": false, "defaultMediaType": "", "pageTitleStyle": "croi2016forward", "slideThumbsStyle": "", // "questionsStyle": "", "indexPointsStyle": "", "cmeOverlayStyle": "", "helpStyle": "htmlonly", "downloadMediaStyle": "standard", "picStyle": "", // "speakerInfoStyle": "pic_disclosure_bio_options", "notesStyle": "standard", "transcriptsStyle": "", // "slideVideoSrcWidth": "1024.0", "slideSrcWidth": "1024.0", "slideVideoSrcHeight": "576.0", "slideSrcHeight": "576.0", // "widescreen": true, "hasPageTitle": true, "hasSlideThumbs": true, "hasQuestions": false, "hasIndexPoints": @@@hasIndexPoints@@@, "hasCMEOverlay": false, "hasHelp": true, // "hasDownloadMedia": true, "hasPic": false, "hasSpeakerInfo": true, "hasNotes": true, "hasTranscripts": false, "multibitrateRtmp": true, // "multibitrateCupertino": true, "multibitrateDash": true, "playerStyleSuffix": "", "dashLegacySmilExtension": "" }; var consoleJson = { "aspectRatio": "16x9", "embed": false, "defaultMediaType": "", "slideVideoSrcWidth": "1024.0", "slideSrcWidth": "1024.0", "slideVideoSrcHeight": "576.0", "slideSrcHeight": "576.0", "widescreen": true, "hasQuestions": false, "multibitrateRtmp": true, "multibitrateCupertino": true, "multibitrateDash": true }; var paramJson = { "mediaType": "slideVideo", "defaultMediaType": "slideVideo", "esptl": null, "slideVideoSuffix": "v1", "mmlSuffix": "s_none", "mediaExt": "mp4", "startSec": null, "startSpk": null, "passThroughParams": "", "playbck": null, "showMediaUrl": false, "audioEx": "v1", "selectSpecificBrForMBR": null, "selectAudioOnlyForMBR": false, "streamMethodOverride": null, "slideThumbHasSearch": false, "spkver": null }; //define any variables you need access to in other areas here var settingsConfig; var playerConfig; var slideControl; var playerParams; var playerControl; function checkIfReallyStartedPlaying() { let currentTC = $('#currentTimeDisplay').text(); console.log(currentTC); if ( (currentTC === '--:--:--' ) || (currentTC === '0:00:00' ) ) { $('#fo-bigplay').show(); } } $(document).ready(function () { staticReady(); let duration; //this is default tab region below $('#speakers').show(); settingsConfig = new CR.SettingsConfig(); settingsConfig.updateWithConsoleJson(consoleJson); //settingsConfig.mediaHlsStreamer = 'stream3.capitalreach.com'; settingsConfig.ts_showImg = false; var featureSelectionOverride = new CR.FeatureSelectionOverride(); featureSelectionOverride.updateWithParamJson(paramJson); featureSelectionOverride.forcePageTechnology = CR.FeatureSelection.MAIN_PAGE_HTML; // function PlayerParams(clientDir1, seriesDir1, eventID1, // seriesID, seriesName, eventName, speakerName, // audioSuffix, slideVideoSuffix, podiumSuffix, mmlSuffix) { playerParams = new CR.PlayerParams('croi', '2021croi', 47470, 7, 'undefined', '', '', 'v1', 'v1', '', 's_none'); if (false) { playerParams.audioExtention = "m4a"; } playerParams.updateWithParamJson(paramJson); settingsConfig.mediaHlsStreamer = 'wow.prod.lp.p.capitalreach.com'; settingsConfig.mediaDashStreamer = 'wow.prod.lp.p.capitalreach.com'; settingsConfig.mediaProgressive = 'streamst.capitalreach.com'; playerParams.mbrStyleHls = CR.PlayerParams.SMIL_FILE; playerParams.mbrStyleDash = CR.PlayerParams.SMIL_FILE; playerControl = new CR.PlayerControl(settingsConfig, playerParams, featureSelectionOverride); playerControl.patternedSpeakerXmlUrlGenerator.speakerXmlUrlPattern = '../../../speakerxml/%EVENT%'; playerControl.patternedMmlUrlGenerator.mmlUrlPattern = 'https://mml.prod.lp.p.capitalreach.com/lp/mml/croi/2021croi/s_none'; playerControl.updateMediaUrls(); var mobileVideoWarning = playerControl.featureSelection.isMobileVideoWarningRecommended(); if ( playerControl.featureSelection.isMobileVideoWarningRecommended() && playerControl.featureSelection.isIDevice() ) { mobileVideoWarning = true; } else { mobileVideoWarning = false; } if (playerControl.willUseFullFeaturedFlash()) { //need to get rid of this if } else { let patMediaGens = playerControl.featureSelection.patternedMediaUrlGenerator; patMediaGens.mediaHlsPattern = "//%STREAM_SRV%%STREAM_SRV_PREFIX%_definst_/%MEDIA_TYPE_PREFIX%%AWS_S3_SRC_PREFIX%%CL_DIRCHR1%/%CL_DIR%/%SE_DIR%/%MEDIA_PRE%%EVENT%%MEDIA_SUFFIX%%USER_SELECTED_BR%.%MEDIA_EXT%/playlist.m3u8"; patMediaGens.mediaHlsSmilPattern = "//%STREAM_SRV%%STREAM_SRV_PREFIX%_definst_/smil:%AWS_S3_SRC_PREFIX%%CL_DIRCHR1%/%CL_DIR%/%SE_DIR%/%MEDIA_PRE%%EVENT%%MEDIA_SUFFIX%.smil/playlist.m3u8"; patMediaGens.mediaDashPattern = "//%STREAM_SRV%%STREAM_SRV_PREFIX%_definst_/%MEDIA_TYPE_PREFIX%%AWS_S3_SRC_PREFIX%%CL_DIRCHR1%/%CL_DIR%/%SE_DIR%/%MEDIA_PRE%%EVENT%%MEDIA_SUFFIX%%USER_SELECTED_BR%.%MEDIA_EXT%/manifest.mpd"; patMediaGens.mediaDashSmilPattern = "//%STREAM_SRV%%STREAM_SRV_PREFIX%_definst_/smil:%AWS_S3_SRC_PREFIX%%CL_DIRCHR1%/%CL_DIR%/%SE_DIR%/%MEDIA_PRE%%EVENT%%MEDIA_SUFFIX%.smil/manifest.mpd"; let s3Replacement = ''; s3Replacement = "amazons3/str.capitalreach.com/"; console.log('playerControl.featureSelection.isAudioOnly'); console.log(playerControl.featureSelection.isAudioOnly()); console.log(playerControl.featureSelection); if (playerControl.featureSelection.isAudioOnly()) { s3Replacement = "amazons3/strhttp.capitalreach.com/"; } patMediaGens.mediaHlsPattern = patMediaGens.mediaHlsPattern.replace(new RegExp('%AWS_S3_SRC_PREFIX%', 'g'), s3Replacement); patMediaGens.mediaHlsSmilPattern = patMediaGens.mediaHlsSmilPattern.replace(new RegExp('%AWS_S3_SRC_PREFIX%', 'g'), s3Replacement); patMediaGens.mediaDashPattern = patMediaGens.mediaDashPattern.replace(new RegExp('%AWS_S3_SRC_PREFIX%', 'g'), s3Replacement); patMediaGens.mediaDashSmilPattern = patMediaGens.mediaDashSmilPattern.replace(new RegExp('%AWS_S3_SRC_PREFIX%', 'g'), s3Replacement); patMediaGens.progressiveDlUrlPattern = patMediaGens.progressiveDlUrlPattern.replace(new RegExp('%AWS_S3_SRC_PREFIX%', 'g'), s3Replacement); playerControl.featureSelection.patternedMediaUrlGenerator.mediaHlsSmilPattern = 'https://%CL_DIR%-prod-media.s3.amazonaws.com/%SE_DIR%/jn%EVENT%____%MEDIA_SUFFIX%/h/index.m3u8'; playerControl.featureSelection.patternedMediaUrlGenerator.mediaDashSmilPattern = 'https://%CL_DIR%-prod-media.s3.amazonaws.com/%SE_DIR%/jn%EVENT%____%MEDIA_SUFFIX%/d/index.mpd'; playerControl.addDisplayComponent(new CR.DisplaySimpleValueComponent(CR.DependencyType.CURRENT_TC, 'currentTimeDisplay')); playerControl.addDisplayComponent(new CR.DisplaySimpleValueComponent(CR.DependencyType.DURATION, 'durationDisplay')); playerControl.addDisplayComponent(new CR.DisplaySimpleValueComponent(CR.DependencyType.VOLUME, 'volumeDisplay')); var slideThumbList = new CR.SlideThumbnailComponent('tab-content-st'); playerControl.addDisplayComponent(slideThumbList); var indexList = new CR.DisplayIndexListComponent('tab-content-indx'); playerControl.addDisplayComponent(indexList); slideControl = new CR.DisplaySlideComponent(CR.DependencyType.MML_SLIDE, 'mainSlideHolder') playerControl.addDisplayComponent(slideControl); playerControl.addDisplayComponent(new CR.DisplaySpeakerPicComponent(CR.DependencyType.MML_SPK_PIC, 'mainPicHolder')); playerControl.on('seek', function (data) { $('#tabs').removeClass('tabs-over'); hideControls(); }); playerControl.on('pauseResume', function (data) { hideControls(); }); playerControl.on('play', function (data) { hideControls(); }); playerControl.on('resolutiondetected', function (data) { $("#resolutionDisplay").text(data.videoWidth + 'x' + data.videoHeight) }); playerControl.on('ended', function(data) { $( '#followup').show(); $('#tabs').addClass('tabs-over'); return false; }); var initialPlaySuccess = false; playerControl.on('initialPlaySuccess', function (data) { initialPlaySuccess = true; console.log('initialPlaySuccess'); hideControls(); //$('#frontoverlay').hide(); $('#fo-iphone-video').hide(); $('#fo-android-video').hide(); //$('#fo-bigplay').hide(); }); playerControl.on('durationchange', function (data) { duration = data[0]; console.log(duration); }); playerControl.on('timeupdate', function (data) { if(data.isPlaying) { $('#frontoverlay').hide(); $('#fo-bigplay').hide(); } }); var showedBigPlay = false; playerControl.on('readyForInteraction', function (data) { console.log('readyForInteraction set up delay'); setTimeout(doReadyForInteraction, 1000); }); function showBigPlay() { if (!initialPlaySuccess) { if (!showedBigPlay) { showedBigPlay = true; $('#fo-bigplay').show(); $('#frontoverlay').show(); } } } function doReadyForInteraction() { console.log('doReadyForInteraction'); $('#fo-loading').hide(); if (!playerControl.featureSelection.isIDevice()) { $('.hideNotIdevice').hide(); } if (mobileVideoWarning) { if (playerControl.featureSelection.isIDevice()) { $('#fo-iphone-video').show(); } else { $('#fo-android-video').show(); } $('#frontoverlay').show(); } else { if (!playerControl.autoPlayIfEnabled()) { showBigPlay(); } else { playerControl.attemptAutoPlayIfEnabled(); setTimeout(showBigPlay, 1000); } } } playerControl.on('loadstart', function (data) { console.log('loadstart'); }); initializePlayer(); setTimeout(checkIfReallyStartedPlaying, 3000); } }); function switchToVanillaPlayer() { window.location.replace("#"); } function switchToAudioVersion() { window.location.replace("#"); } function initializePlayer() { $( '#fo-loading').show(); $( '#frontoverlay').show(); playerControl.init(); } function googTrackEvent_dl(category, action, label, value) { ga('send', { 'hitType': 'event', // Required. 'eventCategory': category, // Required. 'eventAction': action, // Required. 'eventLabel': label, 'eventValue': value }); return true; } function doLaunchPlayerDownload(url) { PopupSelect = window.open(url, 'player'); } function launchPlayerDownload(event, type, labelTrack) { googTrackEvent_dl('Download', 'Download ' + type, labelTrack, 0.0); url = "/console/player/" + String(event) + "?mediaType=" + type; setTimeout(function () { doLaunchPlayerDownload(url); }, 500) return; } function setMCSize() { // this prevents tabs showing up when they should, might be overkill $('#tabs').removeClass('tabs-over'); } var fadeTimeout; function fadeOutAndHideControls() { clearTimeout(fadeTimeout); fadeTimeout = setTimeout(function () { $("#control").fadeOut("slow", function () { hideControls(); }); }, 4000); } function hideControls() { clearTimeout(fadeTimeout); $("#control").removeClass("control-over"); $("#timeline").removeClass("control-over"); } function showControls() { clearTimeout(fadeTimeout); $("#control").addClass("control-over"); $("#timeline").addClass("control-over"); } function showControlsThenFade() { showControls(); fadeOutAndHideControls(); } function staticReady() { $(window).resize(setMCSize); $('#menu a').each(function (index) { $(this).click(function () { $('.tabreg').hide(); //console.log ( $(this).attr('data-controls') ); $('#' + $(this).attr('data-controls')).show(); $('#tabs').addClass('tabs-over'); return false; }); }); $('.tabreg').hide(); $('.st-frame-outer').each(function (index) { $(this).click(function () { $('#tabs').removeClass('tabs-over'); return false; }); }); $('#tabs-close').each(function (index) { $(this).click(function () { $('#tabs').removeClass('tabs-over'); return false; }); }); $("#mediaContent").each(function (index) { $(this).click(function () { showControls(); return false; }); }); $("#control").each(function (index) { $(this).click(function () { hideControls(); return false; }); }); } </script> </head> <body class="ondemand ">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54VKCLC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="player"> <div id="branding"> <div id="branding-top"> <div id="branding-logo1" class="branding-logo"> </div> <div id="branding-logo2" class="branding-logo"> </div> <div id="branding-logo3" class="branding-logo"> </div> </div> <div id="branding-bg"> <div id="branding-bg-nw" class="branding-bg"> </div> <div id="branding-bg-nc" class="branding-bg"> </div> <div id="branding-bg-ne" class="branding-bg"> </div> <div id="branding-bg-mw" class="branding-bg"> </div> <div id="branding-bg-mc" class="branding-bg"> </div> <div id="branding-bg-me" class="branding-bg"> </div> <div id="branding-bg-sw" class="branding-bg"> </div> <div id="branding-bg-sc" class="branding-bg"> </div> <div id="branding-bg-se" class="branding-bg"> </div> </div> </div> <div id="mediaContent"> <div id="mainSlideHolder"></div> <div id="videoHolder"> <div id="videoPlaceholder"></div> </div> </div> <div id="tabs"> <div id="tabs-close"><a><i class="fa fa-close fa-2x"></i></a></div> <div id="help" class="tabreg" style="display:block;"><div class="tab-name">Help</div> <div class="inner"> <div class="tab-content tab-content-padded"> <h2>Technical Support Information – Desktop Computers</h2> <p> In order to view the webcast, you must have a currently supported HTML5 compliant web browser with standards-based media playback support on supported versions of the Windows and Macintosh operating systems. </p> <p> Video webcasts require that you have a broadband Internet connection with at least 600kbps of download connectivity. If you are having difficulty with playback of a video webcast, for example playback is buffering frequently, please check your internet connection. Downloadable audio-only MP3 files are available for each session. </p> <p> If you are still having trouble viewing the webcasts, please carefully review the detailed <a href="/static/player/sys_reqht.htm" target="_blank">System Requirements and Troubleshooting Steps</a> webpage. </p> <h2>Using the Capital Reach Media Player</h2> <p> For each session, there may be two different versions of the media player. Some sessions may include video of the presenter. </p> <ol> <li>Slide video – video of the speaker's slide presentation is the default stream displayed in the player. This option displays all speaker mouse movements and videos included in presentations.</li> <li>Audio and slides – audio of the speaker's presentation is the default stream in the player. Static slide images in the slide presentations are synchronized to the audio stream.</li> </ol> <h2>Navigating the Presentation Webcast</h2> <p>The player offers several tools to navigate the presentation:</p> <ol> <li>"Browse Slides" icon – select the browse slides icon to navigate to any slide in the presentation by selecting the slide thumbnail image.</li> </ol> <h2>Player Tools</h2> <ol> <li>"Speaker Information" icon – if available, displays information about the speakers and presentations in the session.</li> <li>"Download Media" icon – select this button to download an audio-only file of the session.</li> <li> Playback Controls <ul> <li>Play/Pause button – select this button to play or pause the default media stream of the player.</li> <li>Stop button – select this button to stop the default media stream of the player.</li> </ul> </li> </ol> <h2>Mobile Device Support</h2> <p> Presentation playback is available on supported versions of Apple iOS devices (Apple iPad and iPhone) and Android devices with an enabled Internet connection and a currently supported web browser with standards based media playback support. Users of these devices can stream sessions to their mobile device. Users have the option to stream either slide presentation video or audio-only from the session. Please note that some advanced interactivity features of the desktop player may not be supported on the Apple iOS mobile devices. </p> </div></div> </div> <div id="speakers" class="tabreg" style="display: block;"><div class="tab-name">Speaker Info</div> <div id="tab-inner-spk" class="inner"> <div id="tab-content-spk" class="tab-content tab-content-padded"> <div class="sessionName">NEW RESISTANCE TECHNOLOGIES: ADVANTAGES AND LIMITATIONS</div> <div class="presentationTitle">A MULTIPLEXED HIV DRUG RESISTANCE (DR) ASSAY TO SURVEY HIVDR MUTATIONS IN POL REGION</div> <div class="presspeaker"> <div class="speakerName">Joy C Chang</div> <div class="speakerOrganization">Centers for Disease Control and Prevention, Atlanta, GA, USA</div> </div> </div> </div> </div> <div id="downloadMedia" class="tabreg" style="display:block;"><div class="tab-name">Download Media</div> <div class="inner"><div class="tab-content tab-content-padded"> <div class="tc-buttonlinkrow"><a title="download audio" onclick="launchPlayerDownload(47470, 'mp3', 'Joy C Chang (47470): undefined (8)' );"><i class="fa fa-download"></i> Download Audio</a></div> </div></div> </div> <div id="index" class="tabreg" style="display:block;"><div class="tab-name">Index</div> <div id="tab-inner-indx" class="inner"><div id="tab-content-indx" class="tab-content"></div></div> </div> <div id="slidethumbs" class="tabreg" style="display: block;"><div class="tab-name">Browse Slides</div> <div id="tab-inner-st" class="inner"> <div id="tab-content-st" class="tab-content"> </div></div> </div> <div id="mediaquality" class="tabreg"><div class="tab-name">Media Quality</div> <div class="inner"><div class="tab-content tab-content-padded"> <div class="tc-buttonlinkrow"> <div class="non-button">Automatic quality <span><i class="fa fa-arrow-circle-left"></i></span></div> </div> <div class="tc-buttonlinkrow"> <a onclick="doHtmlBRSelect('_1200')">Highest quality (1200K)</a> </div> <div class="tc-buttonlinkrow"> <a onclick="doHtmlBRSelect('_600')">Medium quality (600K)</a> </div> <div class="tc-buttonlinkrow"> <a onclick="doHtmlBRSelect('_300')">Low quality (300K)</a> </div> <div class="tc-buttonlinkrow"> <a onclick="doHtmlBRSelect('audio')">Audio only</a> </div> <p style="margin: 15px;"> Media quality is automatically adjusted based on the speed of your internet connection. If you would prefer to control the quality explicitly, please choose from the options above. </p> </div></div> </div> </div> <div id="control"> <div id="control-link"> </div> <div id="control-timecode"> <div id="currentTimeDisplay">--:--:--</div>  <div id="durationDisplay">--:--:--</div> </div> <div id="control-playback"> <a class="firstPlayMediaLink playPauseLink"><i class="playPauseTogglei fa fa-play fa-2x"></i></a> <a class="stopMediaLink mediaLink"><i class="fa fa-stop"></i></a> </div> <div id="menu"> <a data-controls="speakers" title="speaker information"><i class="fa fa-info-circle fa-2x"></i></a><a data-controls="downloadMedia" title="download media"><i class="fa fa-download fa-2x"></i></a><a data-controls="help" title="help"><i class="fa fa-question-circle fa-2x"></i></a> </div> </div> <div id="timeline"> <div id="sliderHolder"> <div id="sliderContent"></div> <div id="tlIndexHolder"></div> </div> </div> <div class="sliderTip" style="display:none;position:absolute;"></div> </div>  <div id="frontoverlay"> <div id="fo-iphone-video" class="fo-warning over inner"> <div class="content">  </div> </div> <div id="fo-android-video" class="fo-warning over inner"> <div class="content">  </div> </div> <div id="fo-dyn-warning" class="fo-warning inner"> <div class="content"> Placeholder for warning </div> </div> <div id="fo-bigplay" class="fo-mediastatus inner"> <a class="firstPlayMediaLink"> <div id="fo-bigplay-link"> <div class="content"><i class="fa fa-play-circle-o fa-5"></i></div> </div> </a> </div> <div id="fo-loading" class="fo-mediastatus inner"> <div class="content"> <p><i class="fa fa-spinner fa-spin fa-3"></i></p> <h2>loading...</h2> </div> </div> </div> <script src="https://cr-prod-public.s3.amazonaws.com/static/player/rfl/10.0.0/nouislider.min.js"></script> </body> </html>

CINXE.COM

Player Joy C Chang - NEW RESISTANCE TECHNOLOGIES: ADVANTAGES AND LIMITATIONS - CROI 2021