• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

Creating a loop function

[Solved]

Foliovision › Forums › FV Player › How to … › Creating a loop function

  • Johnwt 10 years, 1 month ago

    Hi I was wondering if it would be possible to add a function to the player that would allow the viewer to select a portion of the video to loop over and over again.

    Example

    Video is 5 minutes long.

    Viewer selects cuepoint A at 1 minute into the video. At 1:15 the viewer selects cuepoint B. Now the player jumps back to cuepoint A and when it gets to cuepoint B the player will loop between A and B over and over until the loop is turned off.

    Thanks,

    John

Viewing 61 replies - 1 through 61 (of 61 total)
  • Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    This is a great idea but most users can’t be bothered to use something like this.

    Could you send us to an implementation you like?

    If it’s not too hard to implement, we’ll take a look at it. With the current technology, you could actually set up the loops in advance for the key sections (still using a single file). Would that work for you?

    Making the web work for you, Alec

    Johnwt 10 years ago

    Hi Alec,

    Thanks for the response. Here is something that is similar. I would like to just use keyboard shortcuts and not have the graphical interface which I think is a little confusing. Having the A and B where you can drag it.

    https://www.guitartricks.com/v2/lesson.php?input=17169&s_id=1288

    I’m doing guitar lessons as well so it’s a great feature for students to be able to loop a piece over and over.

    I don’t think it would work for loops in advance as i would like the student to be able to choose what section they would like to loop.

    I also have over 1000 videos spanning 70 hours so adding loop points would be very time consuming and not really worth the time.

    Thanks!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    Do you have an example page which is not hidden behind a login?

    Cheers,

    Alec

    Johnwt 10 years ago

    I didn’t think that one was. Maybe this one

    https://www.guitartricks.com/lesson.php?input=16306

    Alec Kinnear 10 years ago
    Avatar photo

    Yes, that one’s good, John. The A-B looping technology is very easy to use. Martin and I will take a close look at how it’s done.

    Thanks for the suggestion.

    Johnwt 10 years ago

    Great! Thanks a lot.

    John

    Johnwt 10 years ago

    I also had another idea if it might be possible to add a slow motion button to the player?

    Do you offer any custom development services?

    Thanks!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    We definitely do custom development. Here’s a pricelist for some common requests. Of course we do completely custom work as well.

    Thanks for asking.

    Cordial regards,

    Alec

    Alec Kinnear 10 years ago
    Avatar photo

    Slow Motion: we can definitely add a slow motion button to the player, John.

    Martin, let’s add an option for slow motion with + – signs this week.

    Johnwt 10 years ago

    Great! I would be interested in getting some custom development for an A B loop function. Can you possibly give me an estimate of what that would cost?

    Thanks for a all the help!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    I will get back to you tomorrow with an estimate. Have a good evening.

    Martin 10 years ago

    Hello John,

    we started work on the speed buttons/slow motion. This can be already achieved using Shift + Left and Right arrow, but we will add buttons for it.

    Thanks,
    Martin

    Johnwt 10 years ago

    Hi Martin,

    Thanks a lot! The keyboard commands work great but I think the buttons will make it much easier for the user to know what to do. I’ve told my subscribers about the function but I don’t think many of them understand what to do and putting the buttons there will make it very easy to work.

    John

    Johnwt 10 years ago

    Hi Alec,

    Yeah just let me know what you think about the cost.

    Thanks!

    John

    Martin 10 years ago

    Hello John,

    the speed buttons were added to our plugin. Just upgrade to FV WordPress Flowplayer 2.3.14 and check Settings -> FV WordPress Flowplayer -> Player Skin -> Speed Buttons.

    Thanks,
    Martin

    Johnwt 10 years ago

    Thanks! It works great.

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John!

    We could accelerate the A-B interface. It would work only in the HTML5 version (what most browsers and people are using) and not in the native players (iOS, Android mostly) or in Flash.

    The reason is that native players have their own interfaces – we don’t control them and Flash is another playback environment (although we try to make Flash and HTML5 look very similar for consistency).

    Your investment would be $1000. We would also offer you a perpetual five domain license in recognition of your support.

    Thanks for being part of Foliovision!

    Making the web work for you, Alec

    Johnwt 10 years ago

    That sounds great! Let me know what we need to do to move forward.

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    I’ve added your five perpetual licenses and sent you an invoice. We look forward to having AB loop ready for your site next week.

    Cordial regards,

    Alec

    Johnwt 10 years ago

    Thanks a lot! I went ahead and paid the invoice as well.

    John

    Martin 10 years ago

    Hello John,

    we worked on the custom AB loop functionality, first demo can be seen here: https://foliovision.com/player/demos/user-ab-loop

    We need to do more testing and improve the styling though.

    Thanks,
    Martin

    Johnwt 10 years ago

    Hi Martin,

    Works great! Here are a few thoughts.

    Could there be someway to turn the loop off or rest? I think if someone selected a loop then right now they would have to drag the right bar to the end to make it stop.

    Is there anyway to allow this to work if the video is in Fullscreen?

    Thanks!

    John

    Martin 10 years ago

    Hello John,

    thank you for the feedback! We fixed the full-screen mode: https://foliovision.com/player/demos/user-ab-loop

    If you want to see the rest of the video, you can seek past the “B” (loop end) marker, it will play until the end of video. Then if you play the video again, it will start at the “A” (loop start) marker and loop the selection again.

    We also added previews – when you drag the loop markers, you will get a smaller preview to see what part of video is the marker in. These won’t work in Flash though.

    Thanks,
    Martin

    Johnwt 10 years ago

    That works great! I really like the previews a lot.

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi Martin,

    Very nice.

    We could consider a button to turn on/off the loop altogether on the timeline bar. When you turn it back on, it would remember the last loop settings you put in. Right now of course, one only needs to reload the page to get back to zero. Truly minimalistic.

    PS. Love the choice of video. Very entertaining.

    Hi John,

    We’d like to get this into your hands so you can see how the interface works for musicians. We want the process to be as simple and intuitive as possible.

    Johnwt 10 years ago

    Hi Martin,

    Sounds good. Let me know how and I’ll start testing it. I do like the idea of a reset button on the timeline.

    Thanks!

    John

    Martin 10 years ago

    Hello John,

    FV Player Pro 0.3 is out: https://foliovision.com/2015/05/vimeo-channel-player

    The AB loop feature is included, although is not exposed much. Just add ab=”true” to your [fvplayer] shortcode by hand and you will get the AB loop feature working. The reset button is not there yet.

    Please let us know if you notice any issues.

    Thanks,
    Martin

    Johnwt 10 years ago

    Great! Is there any way to change the color of the bar?

    One small thing is that when you fullscreen it and try to move the left A button to a certain spot near the very start of the video the pop up video preview will prevent you from moving it and also seeing it.

    Thanks!

    John

    Martin 10 years ago

    Hello John,

    thank you for the bug report, we will fix it.

    Feel free to drop in more notes if you find anything else, thank you!

    Martin

    Johnwt 10 years ago

    Great! I’ve been playing with it some and could you make the A B buttons a little smaller and maybe have a graphic that labels each one A then B?

    For some short passages to learn on guitar it might make it difficult to select a very short time span due to the width of the buttons.

    I was thinking something like this.

    http://www.learningguitarnow.com/images/loop.jpg

    Let me know what you think. Thanks!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    Thanks for your notes. I can see how a slower slide through would help. Granular editing makes the task much harder.

    Martin, what we should be trying for is that quick movements move further than slow movements.

    Hi Martin,

    Could you include a global preference to turn on the AB option? Thanks. There should then be a way to then turn it off on individual videos (probably the sales page videos but none of the demo videos).

    Thanks.

    Making the web work for you, Alec

    Johnwt 10 years ago

    Hi Alec,

    Thanks for the help. DO you think there might be a way to not have the vimeo video name appear on hover? At this point it creates a lot of activity on top of the video and that video name can get in the way sometimes.

    Thanks!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    Thanks for your suggestion.

    Hi Martin,

    Please remove the title tool style hover globally in the next release (not just Vimeo). Perhaps no one needs it.

    Thanks.

    Making the web work for you, Alec

    Martin 10 years ago

    Hello John,

    please check Settings -> FV WordPress Flowplayer -> Vimeo (Pro) -> “Remove Vimeo information from player element title” to hide the “Vimeo” in the label.

    This is used for Google Analytics tracking. So I guess we should only set this if Google Analytics tracking is actually used.

    Thanks,
    Martin

    Johnwt 10 years ago

    Hi Martin,

    Yes I have that checked but it will still show the Name of the video just not the Vimeo part.

    Thanks,

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi Martin,

    We’re trying to turn off that tooltip hover altogether now (which solves the problem with Vimeo showing as well).

    Hi John,

    Martin and I have looked into precision for AB loops. The closest we can come without rebuilding the application is 0.5 seconds. On top of that Martin has quite correctly reminded me that mouse speed movements are really a desktop application device and are not every consistently implemented on the web.

    As implemented now, the AB loop will be fairly imprecise on long videos (forty minute, one hour) and easily made fairly precise on short videos (three minutes, five minutes).

    To get to real precision right now the only way which would work would be to make the AB loop either two layers (hideous interface) or that the AB loop would only grab one minute (thirty seconds from each side) from where the cursor is when someone hits an AB button on the main toolbar. We could signal this with a -30 on the left end of the loop control bar and a +30 on the right end of the loop control bar.

    Your thoughts?

    Making the web work for you, Alec

    Johnwt 10 years ago

    Hi Alec,

    Most of my videos are around 5-10 minutes so I think it will work fine the way it is.

    I would just like to customize the entire interface with better styling similar to something like this.

    I think it’s a lot more intuitive with that interface as AB looping is pretty common knowledge in the guitar lesson community. It’s a highly requested feature.

    http://www.learningguitarnow.com/images/loop.jpg

    Can that be done?

    Thanks!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    Thanks for the additional info. I don’t like that styling but I agree adding AB labels is important. Martin and I will work on it. I think the important part right now is rolling it out to some of your users for testing.

    Making the web work for you, Alec

    Johnwt 10 years ago

    Hi Alec,

    I agree that styling is not the best but I do like the A B labels idea.

    I’ve rolled it out to all users so people are using it but I haven’t asked for feedback on it yet.

    Thanks,

    John

    Johnwt 10 years ago

    Hi Alec,

    I’ve gotten some feedback from a subscriber.

    “I like the idea, it’s simple, but I would have the looping line there permanently, not just there when you run the cursor over it. And I had to do it a couple of times to realize it loops from middle mark in the buttons which is very light, somehow that marker should be darker, Or arrows defining the loop area better, other than that it’s great.”

    So I was thinking maybe if this could happen –

    AB loop to always show when the video plays in the webpage.

    AB loop to only show on hover when Full Screen is enabled.

    Not sure if that is possible but that would work great.

    Thanks,

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John and Martin,

    I’ve done up a mockup of a very simple interface. I’ve included an AB loop button in the play bar to keep the player very simple when the AB functionality is not being used. The button needs to be improved (probably end up being a silver button) or it could be something visual like this.

    possible loop button

    Alternatively, it could be a simple vertical marker symbol.

    The AB loop bar would be the full width of the video and would use the same colours as the main play bar. At each end there would be a simple A and a simple B. By dragging the A and by dragging the B, you set the end points.

    FV Player AB

    We could of course just put small markers under the existing timeline but that’s very dangerous in a web interface as clicks are not nearly as precise as a desktop application. By offering a simple secondary timeline it should be difficult for people to break or stop the player.

    To turn off the loop, all the user has to do is click the loop interface button again. Looping only works when the secondary timeline is visible. This solves the issue of an interface for stopping the looping. My instinct is for the AB interface to remember the last two points until page reload at least (we could consider holding those points attached to that visitor, but it would be another scale of work).

    John, would this interface satisfy your visitors’ needs?

    Making the web work for you, Alec

    Johnwt 10 years ago

    Hi Alec,

    That sounds perfect and looks great! When you fullscreen the video will the AB loop still be under the video like that?

    Thanks a lot!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    My inclination would be to not make the AB interface available in full screen mode (although the loop could play if AB was already engaged). I.e. you’d have to come out of full screen mode to be able to use AB.

    Martin and I will have to talk about the ramifications for full screen mode before we give you a definitive answer.

    Making the web work for you, Alec

    Johnwt 10 years ago

    That might be the best idea and if the AB would work in fullscreen if already engaged that would be fine.

    Thanks a lot.

    John

    Johnwt 10 years ago

    Hi Alec,

    Did you come up with an idea for the design?

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    I did come up with a design but Martin is not happy with me putting buttons in the control bar. We’re also having discussing the length of the AB bar: whether it should be the full width of the video (advantage: more space for fine control) or just the length of the existing timeline (advantage: AB controls correspond precisely to the spots on the main playbar).

    Which would you prefer: full width AB controls or shorter control bar but matching the main playbar?

    Thanks!

    Making the web work for you, Alec

    PS. Martin, we’re going to have to sort this out (even if we change it later) as we’d like to complete the AB looping feature for John.

    Johnwt 10 years ago

    Hi Alec,

    I think it makes the most sense to make the AB bar the same size as the timeline as people will want to mark the A or B spot as they are watching and will click where that’s at.

    If it did not correspond with the time line then I believe it would be more confusing.

    I like the idea of having the bar there at all times. Easy to understand with the right design.

    What would be the issue with the AB button being there?

    If it’s in regard to other people using the player then I think there should be a way for only me to have the AB functionality since I have paid for it.

    What do you think?

    Thanks,

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Thanks for your input, John.

    The issue with the AB button is a technical one. Martin wants to put it on-screen and I don’t. I guess we’ll release the onscreen version now as that can be done right away.

    In terms of payment, the AB functionality was put into rapid development and is being adapted to your needs specifically. You only are paying a fraction of the real development costs. The idea here is that you get what you need now and we are able to improve the player.

    I assure you would not like this to be completely custom functionality as then you’d be on the hook for any maintenance. When the AB feature is incorporated into core, you get free maintenance as we’ll make any changes to AB necessary to keep it working in the future (unless we don’t put it into core).

    Making the web work for you, Alec

    Johnwt 10 years ago

    Hi Alec,

    Ok that makes sense. Thanks a lot!

    John

    Martin 10 years ago

    Hello John,

    sorry for the delay, we are solving some final styling issues.

    Thanks,
    Martin

    Martin 10 years ago

    Hello John,

    please upgrade to FV Player Pro 0.3.2, this has been released: https://foliovision.com/player/demos/user-ab-loop

    You will have to upgrade FV WordPress Flowplayer as well.

    Please let us know how it works for you.

    Thanks,
    Martin

    Johnwt 10 years ago

    Hi Martin,

    That’s awesome! I love it. I have one quick question. What class is the A B text attached to? Mine are gray in color and a little hard to see. Probably since I have custom css for titles and text to account for the dark website color.

    Thanks!

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    I’m so happy you like the AB roll.

    Is the issue that you are not getting our intended colours or that the colours are being overridden by your theme?

    Hi Martin,

    If the colours are being overridden, we need more resilient classes. We should also make it easy for people to change these colours. I.e. they should match the rest of the player so someone doesn’t need to change the colours in two places.

    Making the web work for you, Alec

    Johnwt 10 years ago

    Hi Alec,

    I’m pretty sure they are being overridden by the theme.

    Thanks,

    John

    Johnwt 10 years ago

    One last thing. Is it possible to completely eliminate the Vimeo video title from appearing when hovering over the video? The vimeo url is not showing but the title will still show.

    Thanks,

    John

    Martin 10 years ago

    Hello John,

    fixing that is high on our list. I fixed it now.

    Please reinstall FV WordPress Flowplayer – remove and install again. Also upgrade FV Player Pro to 0.3.3.

    Regarding the AB color issue – it’s a bit tricky, as normally the numbers are bright on dark background, but the A and B buttons are bright with dark A and B letters. Where can we see this on your site to figure it out?

    Thanks,
    Martin

    Johnwt 10 years ago

    Hi Martin,

    That’s great thanks!

    Yeah the issue is with the A and B text as it seems connected to my site text somewhere.

    You can look at it on this page.

    ‘http://www.learningguitarnow.com/premium/a-b-testing-page/’

    Thanks,

    John

    Alec Kinnear 10 years ago
    Avatar photo

    Hi John,

    Thanks for your suggestion.

    We’re not interested in removing the Vimeo title, just the Vimeo branding. We could do this but it would be custom code at this point (we don’t want to add it to core). The better solution would be to name your videos on Vimeo in such a way you are comfortable having the titles appear.

    Making the web work for you, Alec

    Johnwt 10 years ago

    Also is there any way to get the AB Looping working again when in Fullscreen mode?

    John

    Martin 10 years ago

    Hello John,

    please upgrade to FV Player Pro 0.5.6 which fixes this issue.

    Please let us know if there is anything else about the AB loop.

    Thanks,
    Martin

    Johnwt 10 years ago

    Works great. Thanks!

    John

Viewing 61 replies - 1 through 61 (of 61 total)
Reply To: Creating a loop function



Please Sign in or Register to upload files.

Related Posts

  1. AB Loop Function

  2. Usuario AB Loop (English)

  3. User AB Loop

Primary Sidebar

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. ‭+421 2/5292 0086‬

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in .

Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary Cookies

Strictly Necessary Cookie allow you to log in and download your software or post to forums.

We use the WordPress login cookie and the session cookie.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Support Cookies

Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

Please enable Strictly Necessary Cookies first so that we can save your preferences!

3rd Party Cookies

This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

Please enable Strictly Necessary Cookies first so that we can save your preferences!