{"id":1858,"date":"2015-11-24T11:15:31","date_gmt":"2015-11-24T16:15:31","guid":{"rendered":"http:\/\/blogs.butler.edu\/quickguides\/?p=1858"},"modified":"2015-11-24T15:34:57","modified_gmt":"2015-11-24T20:34:57","slug":"08-webpage-embedding","status":"publish","type":"post","link":"http:\/\/blogs.butler.edu\/quickguides\/?p=1858","title":{"rendered":"8. Webpage Embedding"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-753 alignleft\" src=\"http:\/\/blogs.butler.edu\/quickguides\/files\/2014\/04\/1398457281_105.png\" alt=\"Information\" width=\"64\" height=\"64\" \/><em>While viewing a presentation in Focus 4.5, you can now add a URL to your presentation that will open in a new tab during session playback.<\/em><\/p>\n<p>This feature will only work if the viewer has an active internet connection while viewing a presentation. It will not load if viewed or downloaded offline.<\/p>\n<p><strong>Step 1.)<\/strong> Locate the session you would like to embed a URL to, and click the &#8220;EDIT&#8221; button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"media-image\" src=\"http:\/\/support.panopto.com\/sites\/default\/files\/embedding%201.jpg\" alt=\"\" width=\"1255\" height=\"312\" \/><\/p>\n<p>This opens the Panopto Editor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w3.jpg\" alt=\"alt\" width=\"800\" height=\"540\" \/><\/p>\n<p><strong>Step 2.)<\/strong> Method 1<\/p>\n<p>Choose the event where you would like the webpage to load.<\/p>\n<p>There are two ways to add a URL to our presentation. First, we will cover editing an event that already exists in a stream such as Powerpoint slides and their transitions.<\/p>\n<p>Click on an event on the timeline, or click the &#8220;EDIT&#8221; button on a related event.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w4Editstream.jpg\" alt=\"alt\" \/><\/p>\n<p>On the left side, if you hover your mouse over a slide event, click the edit button. We can also do this on &#8220;Streams&#8221; tab&#8230;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w4Editstream3.jpg\" alt=\"alt\" \/><\/p>\n<p>Or we can do this on the &#8220;Slides&#8221; tab&#8230;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w4Editstream4.jpg\" alt=\"alt\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Conversely, on the right side of the screen, hover your mouse over the bottom highlighted timeline and click on &#8220;Click to Edit&#8221; where you would like to insert a URL.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w4Editstream.jpg\" alt=\"alt\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Using either method will open the following screen:<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w4Editstream2.jpg\" alt=\"alt\" \/><\/p>\n<p>Click on the tab entitled &#8220;URL&#8221; and type out the web address of the site you wish to embed to your presentation.<\/p>\n<p>***It is very important that you add &#8220;http:\/\/&#8221; before the URL like the example above. If not, the link may not work while it is being viewed.***<\/p>\n<p>Click &#8220;OK&#8221; when you are finished.<\/p>\n<p><strong>Step 2.)<\/strong> Method 2<\/p>\n<p>Instead of editing an existing event, we can add a new event to connect to our URL.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w5addnew2.jpg\" alt=\"alt\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>On the bottom left, you can click on &#8220;Add a new event.&#8221;<\/p>\n<p>&nbsp;<\/p>\n<p>On the right hand side, in the upper timeline, you could also right click on the area you would like to add your URL. This will open the following menu:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/createevent.jpg\" alt=\"alt\" \/><\/p>\n<p>Click on create event.<\/p>\n<p>Both methods will open the following window:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/support.panopto.com\/Drupopto\/sites\/default\/files\/images\/Article%20Images\/Webpage%20Embedding\/w5addnew3.jpg\" alt=\"alt\" \/><\/p>\n<p>If you clicked the lower left &#8220;Add new event&#8221; button, you will need to modify the &#8220;Time&#8221; section to signal the URL to load.<\/p>\n<p>***It is very important that you add &#8220;http:\/\/&#8221; before the URL like the example above. If not, the link may not work while it is being viewed.***<\/p>\n<p>Click OK when you are done.<\/p>\n<p><strong>Step 3.)<\/strong>\u00a0Save your changes<\/p>\n<p>When you have made your edits and are ready to save, click the Save or Save As button in the top right corner.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"media-image\" src=\"http:\/\/support.panopto.com\/sites\/default\/files\/embedding%202.jpg\" alt=\"\" width=\"1007\" height=\"37\" \/><\/p>\n<p>Clicking Save will display the screen below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"media-image\" src=\"http:\/\/support.panopto.com\/sites\/default\/files\/edit%2010_1.jpg\" alt=\"\" width=\"469\" height=\"44\" \/><\/p>\n<p>Clicking Save As will prompt the save as window below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"media-image\" src=\"http:\/\/support.panopto.com\/sites\/default\/files\/edit%2011_1.jpg\" alt=\"\" width=\"446\" height=\"175\" \/><\/p>\n<p>After you are finished saving, exit out of the editor.<\/p>\n<h3 class=\"hTarget hTarget3 hTargetInstance0\">Viewing your changes<\/h3>\n<p>If you open your session in the Panopto interface, you will see a new tab entitled &#8220;URL.&#8221; It will be selectable when the URL event you created begins.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"media-image\" src=\"http:\/\/support.panopto.com\/sites\/default\/files\/embedding%203.jpg\" alt=\"\" width=\"1204\" height=\"666\" \/><\/p>\n<p>Congratulations! You now know how to embed URLs into your session!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While viewing a presentation in Focus 4.5, you can now add a URL to your presentation that will open in a new tab during session playback. This feature will only work if the viewer has an active internet connection while viewing a presentation. It will not load if viewed or downloaded offline. Step 1.) Locate [&hellip;]<\/p>\n","protected":false},"author":9197309,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71373,42],"tags":[],"class_list":["post-1858","post","type-post","status-publish","format-standard","hentry","category-editing","category-panopto"],"_links":{"self":[{"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=\/wp\/v2\/posts\/1858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=\/wp\/v2\/users\/9197309"}],"replies":[{"embeddable":true,"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1858"}],"version-history":[{"count":1,"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=\/wp\/v2\/posts\/1858\/revisions"}],"predecessor-version":[{"id":1859,"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=\/wp\/v2\/posts\/1858\/revisions\/1859"}],"wp:attachment":[{"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1858"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blogs.butler.edu\/quickguides\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}