Search results

Sadly not; at the end of the day the media component is mainly just layering a nice set of controls (that will look the same across all browsers that allow for customised controls) over the top of the HTML5 <video> and <audio> elements... and the HTML5 <audio> element doesn't include support for a poster attribute.

Two ways you could workaround this:

Apply a custom class to that media component that sets a background-image for the component that could mimic poster functionality. You'd need to add some padding-top to the audio element to allow for enough space for the image to display above the audio player bar. You wouldn't get the big play button over the top of the poster image like in the video though; so you might be better off with:
Convert the audio to a video that just displays the poster image for the duration of the video.

Show parent

Hey guys,

is it possible to display an image above the audio bar? As well as for the Video?

Thanks

EDIT: Using the Authoring Tool

Absolutely, in fact that's exactly how it works on iOS/Android since there's typically no tab key to press on those devices: https://github.com/adaptlearning/adapt_framework/blob/master/src/core/js/accessibility.js#L266-L288

Show parent

Hello - I'm leading a small team of developers and we've just started with Adapt and have a few macs happily running it through the Vagrant route. We were previously developing in-house enterprise iOS apps for controlled distribution to an iPad estate which was great until the BYOD directive from the powers that be : - ) Hence we're here and Adapt has such fantastic potential. Naturally my next step is to move to a server install so we can work properly as a team. There's precious little OS capability outside of our group so I'm tempted to try and crack the server install and Adapt set-up ourselves rather than requesting it of our infrastructure team, which would doubtless take an age. So to cut to the chase – we're reasonably happy in the command line world – would I get anywhere installing OS X Server on a mac that's already running Adapt locally through Vagrant and then install the Authoring Tool on there? If not, does anybody have any advice on how best to move forward bearing in mind the above scenario?

Many thanks for any pointers

FYI, Denis Noctor has done some work to update Jamie Smith's Simple pop-up window code from 2014 for Moodle. You can see some info on that here: https://tracker.moodle.org/browse/MDL-46563 and discussion in the forums https://moodle.org/mod/forum/discuss.php?d=339315

It involves tweaking some core code, but it will allow you to open modules in a completely seperate pop-up window, which works well with iOS.

Show parent

I can tell you know that because the Moodle mobile app uses an iframe, responsive content like Adapt will have problems on iOS due to this platforms dreadful handling of content in iframes and framesets.

Adding in the iOSScrollFix extension would probably help with this. Let me try and find out if there's anything else that would need doing.

Show parent

Great news! Thanks Matt.

Show parent

Hi Bill

You may well already be aware of this - but iOS 10.2 should have resolved this issue.

Show parent

Hi Jason - Where is the video hosted and which mobile OS & device? We have an app for both android and iOS the video streams fine in it.

Show parent

Hi Christopher

It's a shame that they aren't more specific about what exactly they mean by 'javascript that does some bad calculations related to scroll positioning'.

It's our opinion that it's not Adapt that is at fault here but Safari for iOS. If you are interested you can find out more detail in this thread.

(Please note that Chrome for iOS is using the same rendering engine - Webkit - that Safari uses. Apple do not allow any other rendering engine to be used on iOS so both Firefox and Chrome for iOS are effectively just Safari with a different interface).

Show parent

Search results: 259