CINXE.COM

<!DOCTYPE html> <html dir="ltr" lang="en-US" id='htmlId'> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="google-site-verification" content="tgKzVwqxMiBKTpUbd5Fd2lrG04mEICuEkK4t1-ZjHUM"/> <title>Video Tutorials | TeachingBooks</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/A.css,,_css_variables.css+_build,,_css,,_base_school.css,Mcc.vziuuOFUsJ.css.pagespeed.cf.3QJwxkAniG.css" type="text/css"/> <script src="/_build/js/app.js.pagespeed.jm.Xo6DVIWibK.js"></script> <script src="/js/sharing_bar.js+teachingbooks.js+jquery.cookie.js+jquery.qrcode-lrsjng.min.js.pagespeed.jc.j9CyuEVP2K.js"></script><script>eval(mod_pagespeed_yCCHMWRfmJ);</script> <script>eval(mod_pagespeed_JJtcAiKnfN);</script> <script>eval(mod_pagespeed_uSq_SD1Gz5);</script> <script>eval(mod_pagespeed_Rj3mMOytyy);</script> <script src='/js/jwplayer-8.21.2/jwplayer.js'></script> <script>jwplayer.key="iI3NxfvwLLhd9h7HhyYH1fOYopqSU5+WQFbdumbRI88=";</script> <link rel="stylesheet" href="/css/A.print.css.pagespeed.cf.zb3KE23K1N.css" media="print" type="text/css"> <link rel="shortcut icon" href="https://school.teachingbooks.net/favicon-school.ico"> <link rel="icon" href="https://school.teachingbooks.net/favicon-school.ico"> <link rel="apple-touch-icon" href="/images/apple-touch-icon.png.pagespeed.ce.oNf7mUwR2I.png"/> <meta name="apple-mobile-web-app-title" content="TeachingBooks"> <script src="/js/jquery.auto-complete-tb.js+predictive.js,q2+tb-search-module.js.pagespeed.jc.gR-jvyH7ZR.js"></script><script>eval(mod_pagespeed_9lqfmz85Os);</script> <script>eval(mod_pagespeed_AnC$$uV$cK);</script> <script>eval(mod_pagespeed_eRCsPTmQ_z);</script> <link rel="stylesheet" href="https://school.teachingbooks.net/js/shadowbox/shadowbox.css" type="text/css"> <script src="https://school.teachingbooks.net/js/shadowbox/shadowbox.js"></script> <script src="https://school.teachingbooks.net/js/support.js"></script> <script src="https://school.teachingbooks.net/js/jquery.validate.min.js"></script> <link rel="stylesheet" href="/css/addthisevent/theme2/css/A.theme2.css.pagespeed.cf.U4gMssWdOk.css" type="text/css" media="screen"/> <script src="//addevent.com/libs/atc/1.6.1/atc.min.js"></script> <script>window.addeventasync=function(){addeventatc.settings({css:false,license:"ajgw0swq2zep7ciusm827415"});};</script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XZRXTYDB3K"></script> <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-XZRXTYDB3K',{'user_type':'anonymous'});</script> </head> <body id="home"> <div class="skipnav"> <a href="#maincontent">Skip to main content</a> <a href="#footer">Skip to footer</a> </div> <header id="user" class="d-print-none"> <div class="container-fluid"> <div class="row"> <div class="col-sm-4"> <p><a href="/signin.cgi?t=e">Sign In | Sign Up</a></p> </div> <div class="col-sm-3"> </div> <div class="col-sm-3 text-sm-right"> </div> <div class="col-sm-2 text-sm-right"> <div id="translateContainer"> <div id="google_translate_element"></div> <script>function googleTranslateElementInit(){new google.translate.TranslateElement({pageLanguage:'en',layout:google.translate.TranslateElement.InlineLayout.VERTICAL,gaTrack:true,gaId:'G-XZRXTYDB3K'},'google_translate_element');}</script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> <script>var googleTranslateLanguage='';$(document).ready(function(){var observer=new MutationObserver(function(mutationsList){for(var mutation of mutationsList){if(mutation.attributeName=='class'){if($('html').hasClass('translated-ltr')||$('html').hasClass('translated-rtl')){pageTranslatedHook();}else{pageUntranslatedHook();}}}});if(document.getElementById('htmlId')){observer.observe(document.getElementById('htmlId'),{attributes:true,childList:false});}$('.manualTranslateTrigger').on('click',function(e){$('.goog-te-gadget-simple').click();});setTimeout(checkForGoogleTranslate,1000);});function pageTranslatedHook(){var language=$('#google_translate_element').find('.goog-te-menu-value').find('span:first').html();if(!language){var x=document.getElementById(':0.targetLanguage');language=$(x).find('.goog-te-combo').find('option:selected').html();}if(language=='Select Language'){language='';}if(language!=googleTranslateLanguage){loghit('translation');}googleTranslateLanguage=language;$.cookie('translated',googleTranslateLanguage);}function pageUntranslatedHook(){var language=$('#google_translate_element').find('.goog-te-menu-value').find('span:first').html();if(!language){var x=document.getElementById(':0.targetLanguage');language=$(x).find('.goog-te-combo').find('option:selected').html();}if(language=='Select Language'){language='';}if(language!=googleTranslateLanguage){loghit('translation');}googleTranslateLanguage=language;$.cookie('translated',googleTranslateLanguage);}function checkForGoogleTranslate(){if($('.goog-te-combo').length==0){var html='<a href="/show.cgi?f=no_translation">Looking for translation?</a>';$('#translateContainer').html(html);}}</script> </div> </div> </div> </header> <header id="nav--main"> <span class="open-book d-print-none"></span> <div class="hamburger-and-logo"> <a href="#nav--slider" id="hamburgerButton" class="hamburger hamburger--spring d-print-none" aria-label="Menu" aria-controls="navigation" title="Toggle Menu" tabindex="0"> <span class="hamburger-box"> <span class="hamburger-inner"></span> <span class="sr-only">Toggle Menu</span> </span> </button> <a href="/" title="TeachingBooks Homepage"><img src="/images/logos/TeachingBooks-logo.png.pagespeed.ce.nMK74yNBBY.png" alt="TeachingBooks"></a> </div> <div id="header_search_form" class="d-print-none" data-step="1" data-intro="<strong>Global Search</strong>Search for resources by title, author, keyword, or ISBN." data-position="auto"> <form name="header_search_form" action="/tb.cgi" accept-charset="UTF-8"> <input type="hidden" name="go" value="1"> <input type="hidden" name="adv" value="all"> <input type="hidden" name="keywordType1" value="all"> <input type="hidden" id="implicitWild" name="implicitWild" value="0"> <label id="search-form-trigger" for="predictiveSearchKeys" class="search-toggle"><span class="sr-only">Search</span></label> <a id="search-form-close" href="#" title="Close Search" class="search-toggle search-close-button"><i class="icon-arrow"></i></a> <input type="text" id="predictiveSearchKeys" name="keywordText1" placeholder="Search by title, author, or keyword" title="Search by title, author, or keyword" autocomplete="no"> <a id="isbnSearchTrigger" class="search-toggle-right search-close-button" title="ISBN Search"><i class="icon-barcode"></i></a> <a id="closePredictiveSearch" class="search-toggle-right search-close-button" title="Clear Search"><i class="icon-plus-circled"></i></a> </form> <div id="searchbox_hint"></div> </div> <nav class="nav--global d-none d-xl-block d-print-none"> <ul class="list--reset inline"> <li> <a href="/tb.cgi?browse" title="Browse resources" data-intro="<strong>Browse Our Resources</strong>Connect students with the books they are reading by browsing our engaging collection of resources."> Browse </a> </li> <li><a href="/show.cgi?f=students" title="For Students">For Students</a></li> <li><a href="/show.cgi?f=educators" title="For Educators">For Educators</a></li> <li><a href="/support.cgi?f=support_pricing_overview" title="Pricing info">Pricing</a></li> <li><a href="/support.cgi?f=support_home" title="Help and Support">Help</a></li> </ul> </nav> </header> <div class="search-results"> <div class="autocomplete-suggestions container-fluid"></div> <div class="loader" title="2"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"> <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/> </path> </svg> </div> </div> <aside id="nav--slider" class="d-print-none"> <header class="d-xl-none"> <nav class="nav--global"> <ul class="list--reset"> <li><a href="/tb.cgi?browse" title="Browse resources" tabindex="-1">Browse</a></li> <li><a href="/show.cgi?f=students" title="For Students">For Students</a></li> <li><a href="/show.cgi?f=educators" title="For Educators">For Educators</a></li> <li><a href="/support.cgi?f=support_pricing_overview" title="Pricing info" tabindex="-1">Pricing</a></li> <li><a href="/support.cgi?f=support_home" title="Help and Support" tabindex="-1">Help</a></li> </ul> </nav> </header> <header class="signedin"> <nav class="mb-4"> <ul> <li><a href="https://library.teachingbooks.net" tabindex="-1" target="_blank">Visit TeachingBooks for Libraries</a></li> <li><a href="https://school.teachingbooks.net" tabindex="-1" target="_blank">Visit TeachingBooks for Schools</a></li> </ul> </nav> <a href="/signin.cgi?t=e" class="btn btn-primary btn-lg btn-white btn-block" tabindex="-1">Sign In | Sign Up</a> <p class="contact">Questions? <a href="tel:1-216-573-6886,2">216-573-6886 (Press 2)<br/> 866-269-5794 (Press 2)</a> <a href="/support.cgi?f=support_contactus" tabindex="-1">Contact Us</a></p> </header> <div class="access"> <p> </p> </div> </aside> <a name="maincontent"></a> <article id="page--main_layout" class="container-fluid page support"> <div class="row justify-content-start content-wrapper"> <div class="col-12 col-md-2 sidebar--column has-nav"> <nav class="nav--sidebar is--sticky"> <ul class="list-unstyled functional"> <li> <a href="#" class="sharing_bar_trigger" data-action="share" data-p="" data-i="" data-u="https%3A%2F%2Fschool.teachingbooks.net%2Fsupport.cgi%3Ff%3Dsupport_video"><span class="icon-share"></span> Share</a> </li> </ul> <aside class=""> <h2 class="d-md-none"> <a data-toggle="collapse" href="#help_support" class="" role="button" aria-expanded="false" aria-controls="help_support">Help & Support<i class="toggler"></i></a> </h2> <div id="help_support" class="collapse show"> <h2 class="d-none d-md-block">Help & Support</h2> <h3> <a data-toggle="collapse" href="#quickstart" class="collapsed" role="button" aria-expanded="false" aria-controls="quickstart">Quick Start<i class="toggler--sm"></i></a> </h3> <ul id="quickstart" class="narrow_ul narrow_option not--filterable collapse "> <li><a href="/support.cgi?f=support_quickstart#t_introvideo">3-Minute Intro Video</a></li> <li><a href="/support.cgi?f=support_quickstart#t_quickstartpdf">Quick Start & Training Guide (PDF)</a></li> <li><a href="/support.cgi?f=support_quickstart#t_slidedeck">Training Slide Deck and Script</a></li> <li><a href="/support.cgi?f=support_quickstart#t_customwebinar">Schedule Your Own Customized Webinar</a></li> </ul> <h3> <a data-toggle="collapse" href="#videotutorials" class="collapsed" role="button" aria-expanded="false" aria-controls="videotutorials">Video Tutorials<i class="toggler--sm"></i></a> </h3> <ul id="videotutorials" class="narrow_ul narrow_option not--filterable collapse "> <li><a href="/support.cgi?f=support_video">Tutorials</a></li> <li><a href="/support.cgi?cmd=twominute">Two-Minute Takeaways</a></li> <li><a href="/support.cgi?f=support_webinar_archive">Webinar Archive</a></li> </ul> <h3> <a data-toggle="collapse" href="#training" class="collapsed" role="button" aria-expanded="false" aria-controls="training">Training<i class="toggler--sm"></i></a> </h3> <ul id="training" class="narrow_ul narrow_option not--filterable collapse "> <li><a href="/support.cgi?f=support_training#t_slidedeck">Training Slide Deck and Script</a></li> <li><a href="/support.cgi?f=support_training#t_customwebinar">Customized Webinars</a></li> <li><a href="/support.cgi?f=support_training#t_scheduledwebinar">Scheduled Webinars</a></li> <li><a href="/support.cgi?f=support_training#t_face2face">Face-to-Face</a></li> </ul> <h3> <a data-toggle="collapse" href="#share" class="collapsed" role="button" aria-expanded="false" aria-controls="share">Share and Promote<i class="toggler--sm"></i></a> </h3> <ul id="share" class="narrow_ul narrow_option not--filterable collapse "> <li><a href="/support.cgi?f=support_share#t_promoting">Promoting Access</a></li> <li><a href="/support.cgi?f=support_share#t_sharing">Sharing Resources</a></li> <li><a href="/support.cgi?f=support_share#t_embedding">Embedding TeachingBooks</a></li> <li><a href="/support.cgi?f=support_share#t_slidedeck">Training Slide Deck and Script</a></li> </ul> <h3> <a class="solo" role="button" href="/support.cgi?cmd=faqs">Frequently-Asked Questions</a> </h3> <h3> <a class="solo" role="button" href="/support.cgi?f=support_contactus">Contact Us</a> </h3> </div> </aside> </nav> </div> <div class="col-12 col-md-10 main--column"> <div class="main-content"> <h1>Video Tutorials</h1> <p> Short videos designed to introduce and teach specific functions of TeachingBooks to support and expand your use. </p> <hr/> <div class="mb-4"> <h3> <a href="/support.cgi?cmd=video&id=98"> 3-Minute Introduction</a> </h3> <p> Experience how TeachingBooks personalizes, enriches, and deepens each reader's connections to books and authors. [<a href="/support.cgi?cmd=video&id=140">Spanish introduction</a>]<br/>(3:40) </p> </div> <div class="mb-4"> <h3> <a href="/support.cgi?cmd=video&id=64">Creating Custom Reading Lists</a> </h3> <p> Create and share custom lists to build collections of personalized resources that deepen connections to titles and authors.<br/>(4:48) </p> </div> <div class="mb-4"> <h3> <a href="/support.cgi?cmd=video&id=63">Creating an Educator Login</a> </h3> <p> An educator login allows you to seamlessly share resources, create custom booklists and lessons, and access to the text complexity tools found on TeachingBooks that support your literacy work.<br/>(3:11) </p> </div> <div class="mb-4"> <h3> <a href="/support.cgi?cmd=video&id=65">Sharing Resources</a> </h3> <p> TeachingBooks sharing tools, a powerful way for everyone in your community to learn about seamless access to book and author resources that are relevant to them.<br/>(2:57) </p> </div> <div class="mb-4"> <h3> <a href="/support.cgi?cmd=video&id=135">TeachingBooks Book Connections Chrome Extension</a> </h3> <p> Discover titles for every topic with the TeachingBooks Book Connections Chrome Extension. Find them instantaneously with every Google search you make.<br/>(1:55) </p> </div> <div class="mb-4"> <h3> <a href="/support.cgi?cmd=video&id=221">Text Complexity Toolkit</a> </h3> <p> Use the TeachingBooks Text Complexity Toolkit to help put the right book in each reader's hands and incorporate text complexity analyses into your instructional plans. <br/>(4:09) </p> </div> <div class="mb-4"> <h3> <a href="/support.cgi?cmd=video&id=140">Una introducción</a> </h3> <p> Experimente cómo TeachingBooks personaliza, enriquece y profundiza las conexiones de cada lector con libros y autores.<br/>(6:46) </p> </div> <hr/> <h3><a href="/support.cgi?cmd=twominute">Two-Minute Takeaways</a></h3> <p>Short videos featuring how to use TeachingBooks resources to spark ideas, springboard thinking, and support literacy.</p> <hr/> <h3><a href="/support.cgi?f=support_webinar_archive">Webinar Archive</a></h3> <p>Recordings of recent professional development webinars.</p> </div> </div> </div> </article> <a name="footer"></a> <footer id="footer-menu" class="d-print-none"> <div class="container tb"> <div class="row"> <div class="col-md-6 col-lg"> <h4>Book & Author Resources</h4> <ul> <li><a href="/browse">Browse All Resources</a></li> <li><a href="/show.cgi?f=instruct/literacy_author">Meet-the-Author Exclusives</a></li> <li><a href="/tb.cgi?adv=1">Advanced Search</a></li> </ul> </div> <div class="col-md-6 col-lg"> <h4>Help & Support</h4> <ul> <li><a href="/support.cgi?f=support_video">Video Tutorials</a></li> <li><a href="/support.cgi?f=support_training">Training (Schedule/Attend)</a></li> <li><a href="/support.cgi?f=support_share">Share & Promote</a></li> <li><a href="/support.cgi?cmd=faqs">FAQs</a></li> </ul> </div> <div class="col-md-6 col-lg"> <h4>Company</h4> <ul> <li><a href="/support.cgi?f=support_pricing_overview" title="Pricing info">Pricing</a></li> <li><a href="/support.cgi?f=support_about">About Us</a></li> <li><a href="/hiring">Hiring</a></li> <li><a href="/support.cgi?cmd=newsletters">Newsletters</a></li> <li><a href="https://forum.teachingbooks.net/" target="_blank">Blog</a></li> </ul> </div> <div class="col-md-6 col-lg"> <h4>Speak with our Staff</h4> <ul class="staff"> <li> <p><strong> <a href="tel:1-216-573-6886,2">216-573-6886 (Press 2)</a><br/> <a href="tel:1-866-269-5794,2">866-269-5794 (Press 2)</a></strong><br>Mon-Fri, 8am-7pm Central Time</p> </li> <li><a href="mailto:info@teachingbooks.net&subject=Inquiry%20from%20website">info@TeachingBooks.net</a></li> <li><a href="/support.cgi?f=support_contactus">Contact Us</a></li> </ul> </div> </div> <div class="row first-amendment"> <div class="col-lg-9"> <p>In striving to enrich the lives of all readers, TeachingBooks supports the First Amendment and celebrates the right to read.</p> </div> <div class="col-lg-3 text-lg-right"> <p><a href="https://translate.google.com" target="_blank">Translation <img class="g-translate-logo" src="/_build/images/logo-google-translate-white.png.pagespeed.ce.FyUDBqjDxM.png" alt="powered by Google Translate"/></a></p> </div> </div> </div> </footer> <footer id="copyright" class="d-print-none"> <div class="container"> <div class="row mb-2"> <div class="col-lg-12 mx-auto text-center"> <p> © 2001-2025 TeachingBooks, LLC <span class="bullet">•</span> <a href="https://www.overdrive.com/">TeachingBooks is owned by OverDrive, The Leading Digital Content Platform for Libraries & Schools</a> <span class="bullet">•</span> Last Updated Feb 23, 2025 </p> </div> </div> <div class="row"> <div class="col-lg-8 mx-auto mt-4 mt-lg-0 text-center"> <p><a href="/support.cgi?f=policies">Policies</a> | <a href="https://www.teachingbooks.net/support.cgi?cmd=faqs&id=112">Accessibility</a>    <a href="https://www.facebook.com/pages/TeachingBooksnet/76541240121" aria-label="FaceBook" target="_blank"><span class="icon-facebook-logo larger"></span></a> <a href="https://twitter.com/teachingbooks" aria-label="Twitter" target="_blank"><span class="icon-twitter-logo larger"></span></a> <a href="https://pinterest.com/teachingbooks" aria-label="Pinterest" target="_blank"><span class="icon-pinterest-logo larger"></span></a> <a href="https://www.youtube.com/TeachingBooksNet" aria-label="YouTube" target="_blank"><span class="icon-youtube-logo larger"></span></a></p> </div> </div> </div> </footer> <div id="slider-overlay"></div> <div id="sharingBarData" data-p="" data-i="" data-u="https%3A%2F%2Fschool.teachingbooks.net%2Fsupport.cgi%3Ff%3Dsupport_video"></div> <div id="sharingBarModal" class="modal-cloak"> <div id="sharingBarModalContent" class="modal-content"> <a href="#closeSharing" class="sbm-close"><span class="icon-close"></span><span class="sr-only">Close</span></a> <div id="sharingBarModalContentInner"> <div class="loader loader--style3" title="2"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"> <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/> </path> </svg> </div> </div> </div> </div> <script>$(document).ready(function(){$(document).on('click','.sharing_bar_trigger',function(e){handleSharingBarTrigger(e);});$('.sbm-close').click(function(){$('.modal-cloak').removeClass('is--open');});var hash=window.location.hash;if(hash&&(hash=='#Share')){$('.sharing_bar_trigger').first().click();}});function framePrint(){window.print();}function handleSharingBarTrigger(e){e.preventDefault();var path=encodeURIComponent(window.location.pathname);var search=encodeURIComponent(window.location.search);var redirectUrl='/signin.cgi?t=e&url='+path+search;window.location.href=redirectUrl;}</script> <div id="basicLinkModal" class="modal-cloak"> <div id="basicLinkModalContent" class="modal-content"> <a href="#" class="blm-close"><span class="icon-close"></span><span class="sr-only">Close</span></a> <div id="basicLinkModalContentInner"> <div class="loader loader--style3" title="2"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"> <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/> </path> </svg> </div> </div> </div> </div> <div id="tbuser-data" style="display:none;" data-tbuser-id=""></div> <div class="modal fade" id="autologoutWarning" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="autologoutLabel">Session Inactive</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> To help protect your privacy, you will be automatically logged out in 2 minutes if you remain inactive on the website. </div> <div class="modal-footer"> <button id="autologoutContinueButton" type="button" class="btn btn-secondary" data-dismiss="modal">Continue</button> <button id="autologoutSignoutButton" type="button" class="btn btn-primary">Sign out now</button> </div> </div> </div> </div> <div class="modal fade" id="autologoutSignout" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="autologoutLabel">Session Expired</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> To help protect your privacy, you have been automatically logged out due to inactivity. <a href="/signin.cgi?t=e">Click here</a> to log in again. </div> </div> </div> </div> <script>$(document).ready(function(){if(typeof(getURLParam)==typeof(Function)){var crlAdd=getURLParam('crlAdd');if(crlAdd){addToUGL(crlAdd);}}TB.showCurationLoginAlert();});</script> <div id="barcodeScannerContainer"> <a href="#" id="barcodeScannerClose"><span class="icon-close"></span></a> <div id="barcodeScannerStatus">Status:<span id="barcodeScannerStatus">Loading...</span></div> <div id="barcodeScannerVideoContainer" style="height:40vh"></div> </div> <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/dbr.bundle.js"></script> <script> $(document).ready(function() { $('#isbnSearchTrigger').on('click', function(e) { e.preventDefault(); openBarcodeScanner(); }); $('#barcodeScannerClose').on('click', function(e) { e.preventDefault(); closeBarcodeScanner(); }); }); let cameraView; let cameraLicenseInitialized = false; async function openBarcodeScanner(returnTo) { loghit('inpage_events'); $('#barcodeScannerContainer').show(); if (!cameraLicenseInitialized) { Dynamsoft.License.LicenseManager.initLicense( "DLS2eyJoYW5kc2hha2VDb2RlIjoiMTAyODAyOTE0LVRYbFhaV0pRY205cSIsIm1haW5TZXJ2ZXJVUkwiOiJodHRwczovL21kbHMuZHluYW1zb2Z0b25saW5lLmNvbSIsIm9yZ2FuaXphdGlvbklEIjoiMTAyODAyOTE0Iiwic3RhbmRieVNlcnZlclVSTCI6Imh0dHBzOi8vc2Rscy5keW5hbXNvZnRvbmxpbmUuY29tIiwiY2hlY2tDb2RlIjoxMTE4Njg3MTQ4fQ" ); Dynamsoft.Core.CoreModule.loadWasm(["DBR"]); cameraLicenseInitialized = true; } try { // Create a `CameraEnhancer` instance for camera control and a `CameraView` instance for UI control. cameraView = await Dynamsoft.DCE.CameraView.createInstance(); const cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView); document .querySelector("#barcodeScannerVideoContainer") .append(cameraView.getUIElement()); // Get default UI and append it to DOM. // Create a `CaptureVisionRouter` instance and set `CameraEnhancer` instance as its image source. const router = await Dynamsoft.CVR.CaptureVisionRouter.createInstance(); router.setInput(cameraEnhancer); // Define a callback for results. const resultReceiver = new Dynamsoft.CVR.CapturedResultReceiver(); resultReceiver.onDecodedBarcodesReceived = (result) => { if (!result.barcodeResultItems.length) return; for (let item of result.barcodeResultItems) { if (item.text.match(/^\d\d\d\d\d\d\d\d\d\d?\d?\d?\d?$/)) { loghit('barcode_scan'); router.stopCapturing(); closeBarcodeScanner(); if (returnTo) { returnTo(item.text,result); } else { document.location = "/tb.cgi?go=1&adv=isbn&keywordType1=isbn_family&keywordText1="+item.text; } } } }; router.addResultReceiver(resultReceiver); // Filter out unchecked and duplicate results. const filter = new Dynamsoft.Utility.MultiFrameResultCrossFilter(); filter.enableResultCrossVerification("barcode", true); // Filter out unchecked barcodes. // Filter out duplicate barcodes within 3 seconds. filter.enableResultDeduplication("barcode", true); filter.setDuplicateForgetTime("barcode", 3000); await router.addResultFilter(filter); // Open camera and start scanning single barcode. await cameraEnhancer.open(); await router.startCapturing("ReadSingleBarcode"); $('#barcodeScannerStatus').html('Ready to scan barcode...'); } catch (ex) { let errMsg = ex.message || ex; console.error(errMsg); //alert(errMsg); } } function closeBarcodeScanner() { isLooping = false; $('#barcodeScannerContainer').hide(); //close(); $('#barcodeScannerVideoContainer').html(""); cameraView.dispose(); } </script> <div id="customizeModal" class="customize-modal"> <div id="customizeModalContent" class="customize-content"> <a href="#" class="customize-close"><span class="icon-close close"></span><span class="sr-only">Close</span></a> <div id="customizeModalContentInner"> <img id="customizeModalSpinner" src="/images/ajax-loader.gif.pagespeed.ce.c-V5NzBNif.gif"> <p> Blah blah blah. </p> </div> </div> </div> <style>.customize-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.customize-content{position:relative;background-color:#fefefe;margin:auto;margin-top:-250px;top:50%;padding:10px;border:1px solid #888;width:750px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2) , 0 6px 20px 0 rgba(0,0,0,.19);overflow:auto}#customizeModalSpinner{margin:auto}</style> <div id="themeAlertData" style="display:none;" data-theme-alert="" data-skip-alert=""></div> <style>.modal-content a.sbm-close{font-size:1rem!important;position:inherit!important}</style> <div id="themeAlertModal" class="modal-cloak"> <div class="modal-dialog" role="document" data-focus="true"> <div id="themeAlertModalContent" class="modal-content"> <h1> </h1> <a href="#closeSharing" class="sbm-close theme-alert-close"><span class="icon-close"></span><span class="sr-only">Close</span></a> <div id="themeAlertModalContentInner" class="modal-body"> <p> </p> <p> <em>Note: Your login credentials will work on all platforms.</em> </p> </div> </div> </div> </div> <a href="/f61217a453d065015090cd27fd6fb2c2"> </a></body> </html>