Recherche avancée

Sur d’autres sites (6519)

• Revision 37408 : déplacement de chaines de langue Faire refonctionner l’encodage sonore

  18 avril 2010, par kent1@… — Log

  déplacement de chaines de langue
  Faire refonctionner l’encodage sonore

• Homepage Design : Best Practices & Examples

  5 octobre 2022, par Erin

  Did you know users spend about 50 milliseconds deciding if they like your website’s homepage design or not ?

  With billions of websites and scrolling often done on the go, you have to make a strong first impression because the chances for a once-over are slim. 

  Learn how to design magnetically-appealing website homepages from this guide. 

  What is a homepage in web design ?

  Homepage is the front page of your website — a destination where users land when typing your website URL address. It’s located at the root of the website’s domain (e.g., matomo.org) or a subdomain (e.g., university.webflow.com).

  Design-wise a homepage has two goals :

  • Explain the purpose of the website and present overview information 
  • Provide top-level navigation to lower-level web pages (e.g., blog, sales pages, etc.) 

  Separately, a homepage is also the place where users will return each time they’ll feel stuck and want to start anew. Thus, your homepage website design should provide obvious navigation paths to other website areas.

  6 Must-Know Website Homepage Design Best Practices

  Behind every winning homepage design stands a detailed customer journey map. 

  A customer journey is a schematic representation of how site visitors will move around your website to accomplish various goals. 

  A good customer journey map lists different actions a user will take after landing on your website (e.g., browse product pages, save items to a wishlist, register an account, etc.) — and it does so for different audience segments. 

  

  Your homepage design should help users move from the first step on their journey (e.g., learning about your website) to the final one (e.g., converting to a paid customer). At the same time, your homepage should serve the needs of both new and returning visitors — prospects who may be at a different stage of their journey (e.g., consideration). 

  With the above in mind, let’s take a look at several website homepage design ideas and the reasons why they work. 

  1. Use Familiar Design Elements

  Whether you’re designing a new website or refreshing an old one, it’s always tempting to go “out of the box” — use horizontal scrolling, skip header navigation or include arty animations. 

  Bold design choices work for some brands, mainly those who aren’t using their website as a primary sales channel (e.g., luxury brands). 

  But unfamiliar design patterns can also intimidate a lot of shoppers. In one observational study, people were asked to guess where specific content (e.g., information on international calls) would be placed on a telecom website. 75% of users picked the same location. This means two things :

  • People already have expectations of where specific website information is typically placed 
  • Yet, one in four users struggles to identify the right areas even within standard website layouts

  So why make the job harder for them ? As UX consultant Peter Ramsey rightfully notes : 

  The truth is : designing the best experience isn’t about being unique, it’s about being easy. And guess what feels really easy to use ? Things that feel familiar.

  Therefore, analyse other homepage layout designs in your industry. Pay attention to the number and type of homepage screens and approaches to designing header/footer navigation. 

  Take some of those ideas as your “base”. Then make your homepage design on-brand with unique typography, icons, visuals and other graphic design elements.

  Take a cue from ICAM — a steel manufacturing company. Their niche isn’t typically exciting. Yet, their homepage design stops you in your tracks and tinkers your curiosity to discover more (even if you aren’t shopping for metalware). 

  

  The interesting part is that ICAM uses a rather standard homepage layout. You have a hero image in the first screen, followed by a multi-column layout of their industry expertise and an overview of manufacturers. 

  But this homepage design feels fresh because the company uses plenty of white space, bold typography and vibrant visuals. Also, they delay the creative twist (horizontal scrolling area) to the bottom of the homepage, meaning that it’s less likely to intimidate less confident web users. 

  2. Decide On The Optimal Homepage Layout 

  In web design, a homepage layout is your approach to visually organising different information on the screen. 

  Observant folks will notice that good homepage designs often have the same layout. For example, include a split-view “hero” screen with a call to action on the left and visuals (photo or video) on the left. 

  

  The reason for using similar layouts for website homepage design isn’t a lack of creativity. On the contrary, some layouts have become the “best practice” because they :

  • Offer a great user experience (UX) and don’t confuse first-time visitors 
  • Feel familiar and create a pleasurable sense of deja-vu among users 
  • Have proven to drive higher conversion rates through benchmarks and tests 

  Popular types of website homepage layouts : 

  • Single column – a classic option of presenting main content in a single, vertical column. Good choice for blogs, personal websites and simple corporate sites. 
  • Split screen layout divides the page in two equal areas with different information present. Works best for Ecommerce homepages (e.g., to separate different types of garments) or SaaS websites, offering two product types (e.g., a free personal product version and a business edition). 
  • Asymmetrical layout assumes dividing your homepage into areas of different size and styles. Asymmetry helps create specific focal points for users to draw their attention to the most prominent information. 
  • Grid of cards layout helps present a lot of information in a more digestible manner by breaking down bigger bulks of text into smaller cards — a graphic element, featuring an image and some texts. By tapping a card, users can then access extra content. 
  • Boxes are visually similar to cards, but can be of varying shape. For example, you can have a bigger header-width box area, followed by four smaller boxes within it. Both of these website layouts work well for Ecommerce. 
  • Featured image layout gives visuals (photos and videos) the most prominent placement on the homepage, with texts and other graphic design elements serving a secondary purpose. 
  • F-pattern layout is based on the standard eye movement most people have when reading content on the website. Eye tracking studies found that we usually pay the most attention to information atop of the page (header area), then scan horizontally before dripping down to the next vertical line until we find content that captures our attention. 

  User behaviour analytics (UBA) tools are the best way to determine what type of layout will work for your homepage. 

  For example, you can use Matomo Heatmaps and Session Recording to observe how users navigate your homepage, which areas or links they click and what blockers they face during navigation.

  

  Matomo can capture accurate behavioural insights because we track relative positions to elements within your websites. This approach allows us to provide accurate data for users with different browsers, operating systems, zoom-in levels and fonts. 

  The best part ? You can collect behavioural data from up to 100 different user segments to understand how different audience cohorts engage with your product.

  3. Include a One-Sentence Tagline

  A tagline is a one-line summary of what your company does and what its unique sales proposition (USP) is. It should be short, catchy and distinguish you from competitors.

  A modern homepage design practice is to include a call to action in the first screen. Why ? Because you then instantly communicate or remind of your value proposition to every user — and provide them with an easy way to convert whenever they are ready to do business with you. 

  Here’s how three companies with a similar product, a project management app, differentiate themselves through homepage taglines. 

  Monday.com positions itself as an operating system (OS) for work. 

  

  Basecamp emphasises its product simplicity and openly says that they are different from other overly-complex software. 

  

  Asana, in turn, addresses a familiar user pain point (siloed communication) that it attempts to fix with its product. 

  

  Coming up with the perfect homepage tagline is a big task. You may have plenty of ideas, but little confidence in what version will stick. 

  The best approach ? Let a series of A/B tests decide. You can test a roaster of homepage slogans on a rotating bi-weekly/monthly schedule and track how copy changes affect conversion rates. 

  With Matomo A/B test feature, you can create, track and manage all experiments straight from your web analytics app — and get consolidated reports on total page visitors and conversion rates per each tested variation. 

  

  Beyond slogans, you can also run A/B tests to validate submission form placements, button texts or the entire page layout. 

  For instance, you can benchmark how your new homepage design performs compared to the old version with a subset of users before making it publicly available. 

  4. Highlight The Main Tasks For The User

  Though casual browsing is a thing, most of us head to specific websites with a clear agenda — find information, compare prices, obtain services, etc. 

  Thus, your homepage should provide clear starting points for users’ main tasks (those you’ve also identified as conversion goals on your customer journey maps !).

  These tasks can include : 

  • Account registration 
  • Product demo request 
  • Newsletter sign-up 

  The best website homepage designs organically guide users through a set number of common tasks, one screen at a time. 

  Let’s analyse Sable homepage design. The company offers a no-fee bank account and a credit card product for soon-to-be US transplants. The main task a user has : Decide if they want to try Sable and hopefully open an account with them. 

  

  This mono-purpose page focuses on persuading a prospect that Sable is right for them. 

  The first screen hosts the main CTA with an animated drop-down arrow to keep scrolling. This is likely aimed at first-time visitors that just landed on the page from an online ad or social media post. 

  The second screen serves the main pitch — no-fee, no-hassle access to a US banking account that also helps you build your credit score. 

  The third screen encourages users to learn more about Sable Credit — the flagship product. For the sceptics, the fourth screen offers several more reasons to sign up for the credit product. 

  Then Sable moves on to pitching its second offering — a no-fee debit card with a cashback. Once again, the follow-up screen sweetens the deal by bringing up other perks (higher cashback for popular services like Amazon) and overcoming objections (no SSN required and multi-language support available). 

  The sequence ends with side-by-side product comparison and some extra social proof. 

  In Sable’s case, each homepage screen has a clear purpose and is designed to facilitate one specific user action — account opening. 

  For multi-product companies, the above strategy works great for designing individual landing pages. 

  5. Design Proper Navigation Paths

  All websites have two areas reserved for navigation : 

  • Header menu 
  • Footer menu 

  Designing an effective header menu is more important since it’s the primary tool visitors will use to discover other pages. 

  Your header menu can be :

  • Sticky — always visible as the person keeps scrolling. 
  • Static — e.g., a hidden drop-down menu. 

  If you go for a static header and have a longer homepage layout (e.g., 5+ screens), you also need to add extra navigation elements somewhere mid-page. Or else users might not figure out where to go next and merely bounce off. 

  You can do this by : 

  • Promoting other areas of your website (e.g., sub-category pages) by linking out to them 
  • Adding a carousel of “recent posts”, “recommended reads” and “latest products” 
  • Using buttons and CTAs to direct users towards specific actions (e.g., account registration) or assets (free eBook)

  For instance, cosmetics brand Typology doesn’t have a sticky header on the homepage. Instead, they prompt discovery by promoting different product categories (best sellers, bundles, latest arrivals) and their free skin diagnostic quiz — a great engagement mechanism to retain first time users.

  

  Once the user scrolls down to the bottom of the page, they should have an extra set of navigational options — aka footer links. 

  Again, these help steer the visitor towards discovering more content without scrolling back up to the top of your homepage. 

  Nielsen Norman Group says that people mostly use footers as :

  • A second chance to be convinced — after reading the entire homepage, the user is ready to give your product a go.
    
  • The last resort for hard-to-find content that’s not displayed in global header navigation (e.g., Terms and Conditions or shipping information pages).

  As a rule of thumb, you should designate the following information to the footer : 

  • Utility links (Contact page, Terms & Conditions, Privacy Policy, etc.) 
  • Secondary-task links (e.g., Career page, Investor Details, Media contacts, etc.) 
  • Brands within the organisation (if you operate several) 
  • Customer engagement link (email newsletters and social media buttons)

  The key is to keep the area compact — not more than one standard user screen resolution of 1280×720. 

  6. Show Users What’s Clickable (Or Not) 

  A homepage invites your site visitors on a journey. But if they don’t know which elements to click, they aren’t going to get anywhere.

  Good homepage design makes it obvious which page elements are clickable, i.e., can take the user to a new page or another segment of the homepage. 

  Here are several must-know homepage design tips for better on-page navigation : 

  • Use colour and underline or bold to highlight clickable words. Alternatively, you can change the browser cursor from a standard arrow into another element (e.g., a larger dot or a pointy finger) to indicate when the cursor hovers over a clickable website area. 
  • Make descriptive button texts that imply what will happen when a user clicks the page. Instead of using abstract and generic button texts like “see more” or “learn more”, try a more vibrant language like “dive in” for clicking through to a spa page. 
  • Use a unified hover area to show how different homepage design elements represent a single path or multiple navigation paths. When multiple items are encapsulated in one visual element (e.g., a box), users may be reluctant to click the image because they aren’t sure if it’s one large hit area leading to a single page or if there are multiple hit areas, leading to different pages. 

  Homepage of BEAUSiTE — a whimsical hotel in the Swiss Alps – embodies all of the above design principles. They change the cursor style whenever you scroll into a hit area, use emotive and creative micro-copy for all button texts and clearly distinguish between different homepage elements.

  

  How to Make Your Homepage Design Even More Impactful ? 

  Website homepage design is roughly 20% of pure design work and 80% of behind-the-scenes research. 

  To design a high-performing homepage you need to have data-backed answers to the following questions : 

  • Who are your primary and secondary target audiences ? 
  • Which tasks (1 to 4) you’d want to help them solve through your homepage ?

  You can get the answers to both questions from your web analytics data by using audience segmentation and page transition (behaviour flow) reports in Matomo. 

  Based on these, you can determine common user journeys and tasks people look to accomplish when visiting your website. Next, you can collect even more data with UBA tools  like heatmaps and user session recordings. Then translated the observed patterns into working homepage design ideas. 

  Improve your homepage design and conversion rates with Matomo. Start your free 21-day trial now ! 

  21 day free trial. No credit card required.

  Your email address
  

  Your website address
  

  Your Analytics subdomain will be .matomo.cloud (

• popen returns output after delay ?

  7 février 2013, par Scarface

  I am executing FFMPEG with popen() to get the result of the process. The main reason I am doing this is so I can stream constant output and build a progress bar.

  The issue is that the process starts and I receive some initial information. The rest of the information does not appear until after the process is done however. So essentially, the rest of the output (output on the progress) which comes on intervals when the process is going is delayed right before the process and all comes at once after the process is done which is useless.

  I need the output to constantly come so I can update a progress bar. If I change 2>&1 to 2> stderr.txt that text file receives output consistently but I would like to receive in php since many processes may be running. Anyone have any ideas on solving this ? It seems noone can figure this out...and it is driving me crazy ! IF anyone helps me figure this out (and actually solve it), I will start a bounty and then accept their answer.

  $handle = popen ('/usr/local/bin/ffmpeg -i /home/g/Desktop/cave.wmv -deinterlace -acodec libfaac -ab 96k -ar 44100 -vcodec libx264 -s 480x320 -f flv /home/g/Desktop/file.flv 2>&1', 'r');
  
  if ($handle) {
  
  
  
      while(! feof ($handle)) {
  
  
  
  echo $read = fgets ($handle);
  
  
  
  ob_flush();
  
      flush();
  
      } 
  
      pclose ($handle);
  
  }

  OUTPUTS

      ffmpeg version git-N-30561-g6700aa8, Copyright (c) 2000-2011 the FFmpeg developers built on Jun 5 2011 21:10:26 with gcc 4.5.2 configuration: --enable-gpl --enable-version3 --enable-nonfree --enable-postproc --enable-libfaac --enable-libmp3lame --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libtheora --enable-libvorbis --enable-libx264 --enable-libxvid --enable-x11grab libavutil 51. 4. 0 / 51. 4. 0 libavcodec 53. 6. 1 / 53. 6. 1 libavformat 53. 2. 0 / 53. 2. 0 libavdevice 53. 1. 1 / 53. 1. 1 libavfilter 2. 13. 0 / 2. 13. 0 libswscale 0. 14. 1 / 0. 14. 1 libpostproc 51. 2. 0 / 51. 2. 0 Seems stream 0 codec frame rate differs from container frame rate: 1000.00 (1000/1) -> 29.97 (30000/1001) Input #0, asf, from '/home/geoff/Desktop/cave.wmv': Metadata: WMFSDKVersion : 11.0.5721.5145 WMFSDKNeeded : 0.0.0.0000 IsVBR : 0 Duration: 00:01:37.93, bitrate: 263 kb/s Stream #0.0(eng): Video: vc1 (Advanced), yuv420p, 320x240, 256 kb/s, PAR 1:1 DAR 4:3, 29.97 tbr, 1k tbn, 1k tbc [buffer @ 0xacae200] w:320 h:240 pixfmt:yuv420p tb:1/1000000 sar:1/1 sws_param: [scale @ 0xacbc120] w:320 h:240 fmt:yuv420p -> w:480 h:320 fmt:yuv420p flags:0x4 [libx264 @ 0xacbb7e0] Default settings detected, using medium profile [libx264 @ 0xacbb7e0] using SAR=1/1 [libx264 @ 0xacbb7e0] using cpu capabilities: MMX2 SSE2Fast SSSE3 FastShuffle Cache64 [libx264 @ 0xacbb7e0] profile High, level 2.1 [libx264 @ 0xacbb7e0] 264 - core 115 r1995 c1e60b9 - H.264/MPEG-4 AVC codec - Copyleft 2003-2011 - http://www.videolan.org/x264.html - options: cabac=1 ref=3 deblock=1:0:0 analyse=0x3:0x113 me=hex subme=7 psy=1 psy_rd=1.00:0.00 mixed_ref=1 me_range=16 chroma_me=1 trellis=1 8x8dct=1 cqm=0 deadzone=21,11 fast_pskip=1 chroma_qp_offset=-2 threads=1 sliced_threads=0 nr=0 decimate=1 interlaced=0 bluray_compat=0 constrained_intra=0 bframes=3 b_pyramid=2 b_adapt=1 b_bias=0 direct=1 weightb=1 open_gop=1 weightp=2 keyint=250 keyint_min=25 scenecut=40 intra_refresh=0 rc_lookahead=40 rc=crf mbtree=1 crf=23.0 qcomp=0.60 qpmin=0 qpmax=69 qpstep=4 ip_ratio=1.40 aq=1:1.00 Output #0, flv, to '/home/geoff/Desktop/file.flv': Metadata: WMFSDKVersion : 11.0.5721.5145 WMFSDKNeeded : 0.0.0.0000 IsVBR : 0 encoder : Lavf53.2.0 Stream #0.0(eng): Video: libx264, yuv420p, 480x320 [PAR 1:1 DAR 3:2], q=2-31, 200 kb/s, 1k tbn, 29.97 tbc Stream mapping: Stream #0.0 -> #0.0 Press [q] to stop, [?] for help 
  
  
  
  **THEN AFTER THE PROCESS IS COMPLETE OUTPUTS**
  
  
  
  frame= 49 fps= 0 q=29.0 size= 17kB time=00:00:00.23 bitrate= 593.9kbits/s frame= 58 fps= 52 q=29.0 size= 29kB time=00:00:00.53 bitrate= 448.9kbits/s frame= 71 fps= 44 q=29.0 size= 48kB time=00:00:00.96 bitrate= 405.7kbits/s frame= 85 fps= 39 q=29.0 size= 69kB time=00:00:01.43 bitrate= 393.2kbits/s frame= 104 fps= 38 q=29.0 size= 90kB time=00:00:02.06 bitrate= 358.3kbits/s frame= 117 fps= 36 q=29.0 size= 104kB time=00:00:02.50 bitrate= 339.5kbits/s frame= 134 fps= 36 q=29.0 size= 119kB time=00:00:03.06 bitrate= 317.6kbits/s frame= 153 fps= 36 q=29.0 size= 137kB time=00:00:03.70 bitrate= 303.5kbits/s frame= 167 fps= 35 q=29.0 size= 153kB time=00:00:04.17 bitrate= 300.1kbits/s frame= 185 fps= 35 q=29.0 size= 173kB time=00:00:04.77 bitrate= 296.8kbits/s frame= 201 fps= 35 q=29.0 size= 199kB time=00:00:05.30 bitrate= 306.8kbits/s frame= 218 fps= 35 q=29.0 size= 222kB time=00:00:05.87 bitrate= 310.3kbits/s frame= 237 fps= 35 q=29.0 size= 245kB time=00:00:06.50 bitrate= 309.1kbits/s frame= 254 fps= 35 q=29.0 size= 267kB time=00:00:07.07 bitrate= 309.7kbits/s frame= 270 fps= 34 q=29.0 size= 285kB time=00:00:07.60 bitrate= 307.2kbits/s frame= 292 fps= 35 q=29.0 size= 314kB time=00:00:08.34 bitrate= 308.5kbits/s frame= 316 fps= 36 q=29.0 size= 334kB time=00:00:09.14 bitrate= 299.3kbits/s frame= 336 fps= 36 q=29.0 size= 356kB time=00:00:09.80 bitrate= 297.0kbits/s frame= 356 fps= 36 q=29.0 size= 381kB time=00:00:10.47 bitrate= 297.9kbits/s frame= 375 fps= 36 q=29.0 size= 405kB time=00:00:11.11 bitrate= 298.5kbits/s frame= 391 fps= 36 q=29.0 size= 431kB time=00:00:11.64 bitrate= 303.5kbits/s frame= 408 fps= 36 q=29.0 size= 456kB time=00:00:12.21 bitrate= 305.8kbits/s frame= 424 fps= 35 q=29.0 size= 479kB time=00:00:12.74 bitrate= 307.8kbits/s frame= 441 fps= 35 q=29.0 size= 503kB time=00:00:13.31 bitrate= 309.3kbits/s frame= 462 fps= 36 q=29.0 size= 526kB time=00:00:14.01 bitrate= 307.4kbits/s frame= 483 fps= 36 q=29.0 size= 546kB time=00:00:14.71 bitrate= 304.2kbits/s frame= 501 fps= 36 q=29.0 size= 583kB time=00:00:15.31 bitrate= 311.9kbits/s frame= 520 fps= 36 q=29.0 size= 609kB time=00:00:15.95 bitrate= 312.7kbits/s frame= 541 fps= 36 q=29.0 size= 636kB time=00:00:16.65 bitrate= 313.1kbits/s frame= 559 fps= 36 q=29.0 size= 668kB time=00:00:17.25 bitrate= 317.3kbits/s frame= 574 fps= 36 q=29.0 size= 698kB time=00:00:17.75 bitrate= 321.9kbits/s frame= 593 fps= 36 q=29.0 size= 732kB time=00:00:18.38 bitrate= 326.1kbits/s frame= 611 fps= 36 q=29.0 size= 760kB time=00:00:18.98 bitrate= 328.0kbits/s frame= 631 fps= 36 q=29.0 size= 788kB time=00:00:19.65 bitrate= 328.5kbits/s frame= 651 fps= 36 q=29.0 size= 817kB time=00:00:20.32 bitrate= 329.2kbits/s frame= 670 fps= 36 q=29.0 size= 842kB time=00:00:20.95 bitrate= 329.0kbits/s frame= 689 fps= 36 q=29.0 size= 868kB time=00:00:21.58 bitrate= 329.4kbits/s frame= 707 fps= 36 q=29.0 size= 896kB time=00:00:22.18 bitrate= 330.8kbits/s frame= 723 fps= 36 q=29.0 size= 924kB time=00:00:22.72 bitrate= 333.0kbits/s frame= 741 fps= 36 q=29.0 size= 955kB time=00:00:23.32 bitrate= 335.4kbits/s frame= 761 fps= 36 q=29.0 size= 999kB time=00:00:23.99 bitrate= 341.0kbits/s frame= 783 fps= 36 q=29.0 size= 1025kB time=00:00:24.72 bitrate= 339.8kbits/s frame= 802 fps= 36 q=29.0 size= 1047kB time=00:00:25.35 bitrate= 338.3kbits/s frame= 821 fps= 36 q=29.0 size= 1076kB time=00:00:25.99 bitrate= 339.3kbits/s frame= 841 fps= 36 q=29.0 size= 1104kB time=00:00:26.66 bitrate= 339.2kbits/s frame= 861 fps= 36 q=29.0 size= 1137kB time=00:00:27.32 bitrate= 340.7kbits/s frame= 881 fps= 36 q=29.0 size= 1164kB time=00:00:27.99 bitrate= 340.7kbits/s frame= 901 fps= 36 q=29.0 size= 1196kB time=00:00:28.66 bitrate= 341.9kbits/s frame= 919 fps= 36 q=29.0 size= 1223kB time=00:00:29.26 bitrate= 342.5kbits/s frame= 939 fps= 36 q=29.0 size= 1259kB time=00:00:29.93 bitrate= 344.7kbits/s frame= 954 fps= 36 q=29.0 size= 1301kB time=00:00:30.43 bitrate= 350.1kbits/s frame= 970 fps= 36 q=29.0 size= 1337kB time=00:00:30.96 bitrate= 353.7kbits/s frame= 988 fps= 36 q=29.0 size= 1373kB time=00:00:31.56 bitrate= 356.3kbits/s frame= 1005 fps= 36 q=29.0 size= 1418kB time=00:00:32.13 bitrate= 361.4kbits/s frame= 1023 fps= 36 q=29.0 size= 1448kB time=00:00:32.73 bitrate= 362.4kbits/s frame= 1040 fps= 36 q=29.0 size= 1483kB time=00:00:33.30 bitrate= 364.9kbits/s frame= 1058 fps= 36 q=29.0 size= 1519kB time=00:00:33.90 bitrate= 367.1kbits/s frame= 1074 fps= 36 q=29.0 size= 1546kB time=00:00:34.43 bitrate= 367.7kbits/s frame= 1091 fps= 36 q=29.0 size= 1573kB time=00:00:35.00 bitrate= 368.3kbits/s frame= 1111 fps= 36 q=29.0 size= 1593kB time=00:00:35.66 bitrate= 365.9kbits/s frame= 1126 fps= 36 q=29.0 size= 1612kB time=00:00:36.17 bitrate= 365.1kbits/s frame= 1140 fps= 36 q=29.0 size= 1637kB time=00:00:36.63 bitrate= 366.1kbits/s frame= 1151 fps= 35 q=29.0 size= 1657kB time=00:00:37.00 bitrate= 366.9kbits/s frame= 1170 fps= 35 q=29.0 size= 1692kB time=00:00:37.63 bitrate= 368.3kbits/s frame= 1190 fps= 35 q=29.0 size= 1724kB time=00:00:38.30 bitrate= 368.6kbits/s frame= 1208 fps= 35 q=29.0 size= 1751kB time=00:00:38.90 bitrate= 368.6kbits/s frame= 1225 fps= 35 q=29.0 size= 1776kB time=00:00:39.47 bitrate= 368.6kbits/s frame= 1242 fps= 35 q=29.0 size= 1806kB time=00:00:40.04 bitrate= 369.4kbits/s frame= 1265 fps= 35 q=29.0 size= 1840kB time=00:00:40.80 bitrate= 369.4kbits/s frame= 1283 fps= 35 q=29.0 size= 1858kB time=00:00:41.40 bitrate= 367.5kbits/s frame= 1298 fps= 35 q=29.0 size= 1874kB time=00:00:41.90 bitrate= 366.3kbits/s frame= 1317 fps= 35 q=29.0 size= 1898kB time=00:00:42.54 bitrate= 365.5kbits/s frame= 1335 fps= 35 q=29.0 size= 1931kB time=00:00:43.14 bitrate= 366.7kbits/s frame= 1353 fps= 35 q=29.0 size= 1966kB time=00:00:43.74 bitrate= 368.2kbits/s frame= 1371 fps= 35 q=29.0 size= 1996kB time=00:00:44.34 bitrate= 368.8kbits/s frame= 1391 fps= 35 q=29.0 size= 2029kB time=00:00:45.01 bitrate= 369.3kbits/s frame= 1410 fps= 35 q=29.0 size= 2062kB time=00:00:45.64 bitrate= 370.2kbits/s frame= 1430 fps= 35 q=29.0 size= 2089kB time=00:00:46.31 bitrate= 369.4kbits/s frame= 1449 fps= 35 q=29.0 size= 2114kB time=00:00:46.94 bitrate= 368.8kbits/s frame= 1469 fps= 35 q=29.0 size= 2140kB time=00:00:47.61 bitrate= 368.1kbits/s frame= 1488 fps= 35 q=29.0 size= 2169kB time=00:00:48.24 bitrate= 368.3kbits/s frame= 1506 fps= 35 q=29.0 size= 2212kB time=00:00:48.84 bitrate= 371.0kbits/s frame= 1522 fps= 35 q=29.0 size= 2248kB time=00:00:49.38 bitrate= 372.8kbits/s frame= 1540 fps= 35 q=29.0 size= 2278kB time=00:00:49.98 bitrate= 373.4kbits/s frame= 1558 fps= 35 q=29.0 size= 2314kB time=00:00:50.58 bitrate= 374.7kbits/s frame= 1577 fps= 35 q=29.0 size= 2346kB time=00:00:51.21 bitrate= 375.2kbits/s frame= 1598 fps= 35 q=29.0 size= 2377kB time=00:00:51.91 bitrate= 375.1kbits/s frame= 1615 fps= 35 q=29.0 size= 2409kB time=00:00:52.48 bitrate= 375.9kbits/s frame= 1633 fps= 35 q=29.0 size= 2440kB time=00:00:53.08 bitrate= 376.4kbits/s frame= 1651 fps= 35 q=29.0 size= 2470kB time=00:00:53.68 bitrate= 376.9kbits/s frame= 1670 fps= 35 q=29.0 size= 2501kB time=00:00:54.32 bitrate= 377.2kbits/s frame= 1690 fps= 35 q=29.0 size= 2539kB time=00:00:54.98 bitrate= 378.3kbits/s frame= 1707 fps= 35 q=29.0 size= 2570kB time=00:00:55.55 bitrate= 378.9kbits/s frame= 1725 fps= 35 q=29.0 size= 2601kB time=00:00:56.15 bitrate= 379.4kbits/s frame= 1743 fps= 35 q=29.0 size= 2632kB time=00:00:56.75 bitrate= 379.8kbits/s frame= 1762 fps= 35 q=29.0 size= 2677kB time=00:00:57.39 bitrate= 382.2kbits/s frame= 1781 fps= 35 q=29.0 size= 2706kB time=00:00:58.02 bitrate= 382.0kbits/s frame= 1800 fps= 35 q=29.0 size= 2738kB time=00:00:58.65 bitrate= 382.3kbits/s frame= 1821 fps= 35 q=29.0 size= 2765kB time=00:00:59.36 bitrate= 381.6kbits/s frame= 1841 fps= 36 q=29.0 size= 2793kB time=00:01:00.02 bitrate= 381.2kbits/s frame= 1857 fps= 35 q=29.0 size= 2822kB time=00:01:00.56 bitrate= 381.7kbits/s frame= 1875 fps= 35 q=29.0 size= 2849kB time=00:01:01.16 bitrate= 381.6kbits/s frame= 1894 fps= 35 q=29.0 size= 2874kB time=00:01:01.79 bitrate= 381.0kbits/s frame= 1914 fps= 35 q=29.0 size= 2900kB time=00:01:02.46 bitrate= 380.4kbits/s frame= 1933 fps= 35 q=29.0 size= 2924kB time=00:01:03.09 bitrate= 379.7kbits/s frame= 1954 fps= 36 q=29.0 size= 2946kB time=00:01:03.79 bitrate= 378.3kbits/s frame= 1974 fps= 36 q=29.0 size= 2971kB time=00:01:04.46 bitrate= 377.5kbits/s frame= 1991 fps= 36 q=29.0 size= 3005kB time=00:01:05.03 bitrate= 378.5kbits/s frame= 2006 fps= 35 q=29.0 size= 3043kB time=00:01:05.53 bitrate= 380.4kbits/s frame= 2024 fps= 35 q=29.0 size= 3074kB time=00:01:06.13 bitrate= 380.8kbits/s frame= 2042 fps= 35 q=29.0 size= 3099kB time=00:01:06.73 bitrate= 380.5kbits/s frame= 2059 fps= 35 q=29.0 size= 3122kB time=00:01:07.30 bitrate= 380.0kbits/s frame= 2077 fps= 35 q=29.0 size= 3149kB time=00:01:07.90 bitrate= 379.9kbits/s frame= 2096 fps= 35 q=29.0 size= 3172kB time=00:01:08.53 bitrate= 379.2kbits/s frame= 2117 fps= 35 q=29.0 size= 3196kB time=00:01:09.23 bitrate= 378.2kbits/s frame= 2129 fps= 35 q=29.0 size= 3214kB time=00:01:09.63 bitrate= 378.0kbits/s frame= 2147 fps= 35 q=29.0 size= 3246kB time=00:01:10.23 bitrate= 378.6kbits/s frame= 2167 fps= 35 q=29.0 size= 3268kB time=00:01:10.90 bitrate= 377.5kbits/s frame= 2185 fps= 35 q=29.0 size= 3298kB time=00:01:11.50 bitrate= 377.8kbits/s frame= 2204 fps= 35 q=29.0 size= 3327kB time=00:01:12.13 bitrate= 377.8kbits/s frame= 2222 fps= 35 q=29.0 size= 3359kB time=00:01:12.74 bitrate= 378.3kbits/s frame= 2242 fps= 35 q=29.0 size= 3386kB time=00:01:13.40 bitrate= 377.9kbits/s frame= 2261 fps= 35 q=29.0 size= 3428kB time=00:01:14.04 bitrate= 379.3kbits/s frame= 2280 fps= 35 q=29.0 size= 3459kB time=00:01:14.67 bitrate= 379.5kbits/s frame= 2299 fps= 35 q=29.0 size= 3494kB time=00:01:15.30 bitrate= 380.1kbits/s frame= 2318 fps= 35 q=29.0 size= 3514kB time=00:01:15.94 bitrate= 379.1kbits/s frame= 2340 fps= 36 q=29.0 size= 3539kB time=00:01:16.67 bitrate= 378.1kbits/s frame= 2360 fps= 36 q=29.0 size= 3563kB time=00:01:17.34 bitrate= 377.4kbits/s frame= 2377 fps= 36 q=29.0 size= 3586kB time=00:01:17.91 bitrate= 377.1kbits/s frame= 2393 fps= 36 q=29.0 size= 3606kB time=00:01:18.44 bitrate= 376.6kbits/s frame= 2410 fps= 35 q=29.0 size= 3625kB time=00:01:19.01 bitrate= 375.9kbits/s frame= 2427 fps= 35 q=29.0 size= 3639kB time=00:01:19.57 bitrate= 374.7kbits/s frame= 2444 fps= 35 q=29.0 size= 3656kB time=00:01:20.14 bitrate= 373.7kbits/s frame= 2461 fps= 35 q=29.0 size= 3680kB time=00:01:20.71 bitrate= 373.5kbits/s frame= 2473 fps= 35 q=29.0 size= 3702kB time=00:01:21.11 bitrate= 373.9kbits/s frame= 2488 fps= 35 q=29.0 size= 3722kB time=00:01:21.61 bitrate= 373.6kbits/s frame= 2506 fps= 35 q=29.0 size= 3764kB time=00:01:22.21 bitrate= 375.0kbits/s frame= 2522 fps= 35 q=29.0 size= 3788kB time=00:01:22.75 bitrate= 375.0kbits/s frame= 2539 fps= 35 q=29.0 size= 3820kB time=00:01:23.31 bitrate= 375.6kbits/s frame= 2556 fps= 35 q=29.0 size= 3851kB time=00:01:23.88 bitrate= 376.1kbits/s frame= 2571 fps= 35 q=29.0 size= 3885kB time=00:01:24.38 bitrate= 377.2kbits/s frame= 2587 fps= 35 q=29.0 size= 3919kB time=00:01:24.91 bitrate= 378.1kbits/s frame= 2600 fps= 35 q=29.0 size= 3949kB time=00:01:25.35 bitrate= 379.0kbits/s frame= 2616 fps= 35 q=29.0 size= 3975kB time=00:01:25.88 bitrate= 379.1kbits/s frame= 2633 fps= 35 q=29.0 size= 4003kB time=00:01:26.45 bitrate= 379.3kbits/s frame= 2653 fps= 35 q=29.0 size= 4029kB time=00:01:27.12 bitrate= 378.9kbits/s frame= 2665 fps= 35 q=29.0 size= 4045kB time=00:01:27.52 bitrate= 378.6kbits/s frame= 2682 fps= 35 q=29.0 size= 4068kB time=00:01:28.08 bitrate= 378.3kbits/s frame= 2701 fps= 35 q=29.0 size= 4084kB time=00:01:28.72 bitrate= 377.1kbits/s frame= 2719 fps= 35 q=29.0 size= 4124kB time=00:01:29.32 bitrate= 378.2kbits/s frame= 2735 fps= 35 q=29.0 size= 4154kB time=00:01:29.85 bitrate= 378.7kbits/s frame= 2753 fps= 35 q=29.0 size= 4201kB time=00:01:30.45 bitrate= 380.5kbits/s frame= 2771 fps= 35 q=29.0 size= 4230kB time=00:01:31.05 bitrate= 380.6kbits/s frame= 2788 fps= 35 q=29.0 size= 4259kB time=00:01:31.62 bitrate= 380.8kbits/s frame= 2805 fps= 35 q=29.0 size= 4287kB time=00:01:32.19 bitrate= 380.9kbits/s frame= 2825 fps= 35 q=29.0 size= 4318kB time=00:01:32.86 bitrate= 380.9kbits/s frame= 2847 fps= 35 q=29.0 size= 4334kB time=00:01:33.59 bitrate= 379.3kbits/s frame= 2866 fps= 35 q=29.0 size= 4371kB time=00:01:34.22 bitrate= 380.0kbits/s frame= 2885 fps= 35 q=29.0 size= 4395kB time=00:01:34.86 bitrate= 379.6kbits/s frame= 2903 fps= 35 q=29.0 size= 4424kB time=00:01:35.46 bitrate= 379.6kbits/s frame= 2921 fps= 35 q=29.0 size= 4450kB time=00:01:36.06 bitrate= 379.5kbits/s frame= 2934 fps= 35 q=29.0 Lsize= 4512kB time=00:01:37.86 bitrate= 377.7kbits/s dup=0 drop=1 video:4454kB audio:0kB global headers:0kB muxing overhead 1.293893% frame I:13 Avg QP:19.66 size: 13557 [libx264 @ 0x95737e0] frame P:1221 Avg QP:23.87 size: 2962 [libx264 @ 0x95737e0] frame B:1700 Avg QP:30.26 size: 451 [libx264 @ 0x95737e0] consecutive B-frames: 7.2% 33.5% 39.7% 19.6% [libx264 @ 0x95737e0] mb I I16..4: 9.6% 73.3% 17.0% [libx264 @ 0x95737e0] mb P I16..4: 0.4% 2.5% 0.4% P16..4: 37.8% 18.9% 8.1% 0.0% 0.0% skip:31.8% [libx264 @ 0x95737e0] mb B I16..4: 0.0% 0.1% 0.0% B16..8: 30.9% 1.9% 0.4% direct: 0.9% skip:65.8% L0:30.8% L1:63.8% BI: 5.4% [libx264 @ 0x95737e0] 8x8 transform intra:74.5% inter:72.0% [libx264 @ 0x95737e0] coded y,uvDC,uvAC intra: 79.7% 84.7% 50.5% inter: 14.2% 13.9% 0.7% [libx264 @ 0x95737e0] i16 v,h,dc,p: 60% 18% 4% 18% [libx264 @ 0x95737e0] i8 v,h,dc,ddl,ddr,vr,hd,vl,hu: 26% 12% 10% 4% 10% 15% 7% 10% 7% [libx264 @ 0x95737e0] i4 v,h,dc,ddl,ddr,vr,hd,vl,hu: 27% 19% 9% 4% 10% 13% 6% 8% 4% [libx264 @ 0x95737e0] i8c dc,h,v,p: 46% 21% 22% 12% [libx264 @ 0x95737e0] Weighted P-Frames: Y:0.8% UV:0.4% [libx264 @ 0x95737e0] ref P L0: 65.4% 20.8% 10.8% 2.9% 0.0% [libx264 @ 0x95737e0] ref B L0: 91.4% 8.0% 0.6% [libx264 @ 0x95737e0] ref B L1: 95.6% 4.4% [libx264 @ 0x95737e0] kb/s:372.66