{"id":3166,"date":"2017-10-19T15:01:21","date_gmt":"2017-10-19T20:01:21","guid":{"rendered":"https:\/\/www.ragesw.com\/blog\/?p=3166"},"modified":"2018-08-28T03:44:09","modified_gmt":"2018-08-28T08:44:09","slug":"everwebs-live-photo-widget","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2017\/10\/19\/everwebs-live-photo-widget\/","title":{"rendered":"EverWeb’s Live Photo Widget"},"content":{"rendered":"

\"EverWeb<\/p>\n

 <\/p>\n

EverWeb version 2.5<\/a> introduced a couple of great new widgets: The Facebook Page Timeline widget and the Live Photo widget. We will review the Facebook Timeline widget in the future, but for now lets take an in depth look at the Live Photo widget.<\/p>\n

As you may know, you can create a Live Photo if you have an iPhone 6s, or later, or a 2017 or later iPad.\u00a0Live Photo works by recording 1.5 seconds of audio and video before and after the photo is taken creating a \u2018live\u2019 image.\u00a0When you touch the image on your iPhone, the recorded snippet plays.<\/p>\n

 <\/p>\n

Creating a Live Photo<\/h3>\n

To create a Live Photo;<\/p>\n

    \n
  1. Open your iOS camera app.<\/li>\n
  2. Check that your camera app is set to Photo mode.<\/li>\n
  3. Tap the circle-in-a-circle icon\u00a0to toggle Live Photo on and off.\u00a0By default Live Photo is set ‘On’.<\/li>\n
  4. With the icon set ‘On’, any photo you now take will be a Live Photo.<\/li>\n<\/ol>\n

     <\/p>\n

    Adding a Live Photo to Your Web Page<\/h3>\n

    Once you have created a Live Photo you can add it to your web page in EverWeb<\/a> using the following steps:<\/p>\n

      \n
    1. Make sure that you synch the photo(s) you want from your iPhone, or iPad, with the Photos app on your Mac.<\/li>\n
    2. Next select the photo you want to use from the Photos app on your Mac.<\/li>\n
    3. In the Photos app select File -> Export Unmodified Original.<\/li>\n
    4. This will produce two files, an image file with a .JPG extension\u00a0and a video file which has a .MOV extension.<\/li>\n
    5. Once you have produced these two files you can use them in EverWeb.<\/li>\n
    6. First make sure that you have EverWeb version 2.5, or higher, installed if you have not done so already.<\/li>\n
    7. Open your website Project and go to the page where you want the Live Photo to be placed.<\/li>\n
    8. From the Widgets tab, drag and drop the Live Photo widget on to your page.<\/li>\n
    9. With the Live Photo widget selected, use the Widget Settings to add the exported JPG file as the Image file and the exported .MOV file as the Video file.<\/li>\n
    10. Once you have added these two files, just hit the Preview button to test your page before publishing.<\/li>\n
    11. To see the Live Photo in action, mouse over the ‘Live’ button in the top right hand corner of the image.<\/li>\n<\/ol>\n

       <\/p>\n

      Video Walkthrough<\/h3>\n

      To watch a video walkthrough of this blog post check out our EverWeb’s Live Photo Widget<\/a>\u00a0YouTube video.<\/p>\n

       <\/p>\n

      If you have any questions about this post, please do let us know in the Comments Section below, we’re happy to help!<\/p>\n

       <\/p>\n

      EverWeb on Social Media<\/h2>\n

      You can also find EverWeb\u00a0on\u00a0the following social media platforms:<\/p>\n

      Facebook<\/a><\/p>\n

      Google+<\/a><\/p>\n

      Flipboard<\/a><\/p>\n

      YouTube<\/a><\/p>\n

      Twitter handle @ragesw<\/p>\n","protected":false},"excerpt":{"rendered":"

        EverWeb version 2.5 introduced a couple of great new widgets: The Facebook Page Timeline widget and the Live Photo widget. We will review the Facebook Timeline widget in the future, but for now lets take an in depth look at the Live Photo widget. As you may know, you can create a Live Photo […]<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[247,252,2],"tags":[271,279,391,376],"class_list":["post-3166","post","type-post","status-publish","format-standard","hentry","category-everweb","category-everweb-software","category-software","tag-apple","tag-everweb","tag-live-photo","tag-widget"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/3166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=3166"}],"version-history":[{"count":14,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/3166\/revisions"}],"predecessor-version":[{"id":4231,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/3166\/revisions\/4231"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=3166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=3166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=3166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}