Re: Audio Player
Errolan Price
The page is here: Dropbox Hrishikesh Kokate (scroll to around 60% of the total space). That one is made possible using Plyr. The source is here: GitHub - Hrishikesh-K/Portfolio: Repository of my personal portfolio website made in Hugo, hosted on Netlify.
Basically, I think you need to create a shortcode to use according to the library you are planning to use. For example, the Plyr one simply needed a tag and it worked. However, as the Wavesurfer library is not an audio player per se, it needed some extra markup and I specified the source as an attribute which I later passed on to the library using JavaScript.
This is the same as a post in the Admin Group, and in . a few other places going back to 2015. Is there a way to style the audio player to remove the default icon. I know you can replace the default player, but functionally it is the best one with overall browser compatibility.
It would be good if either defaulted to a usual audio player, without the background and icon or if you were able to style it and replace the icon. Although, in most cases it is going to look far better if it looked like a regular bar-style audio player.
The AudioPlayer interface provides directives and requests for streaming audio and monitoring playback progression. Your skill can send directives to start and stop the playback. The Alexa service sends your skill AudioPlayer requests to give you information about the playback state, such as when the track is nearly finished, or when playback starts and stops. Alexa also sends PlaybackController requests in response to hardware buttons, such as on a remote control or the next and previous tap controls on Alexa-enabled devices with a screen.
The AudioPlayer interface includes the following directives responses and request types. You include the directives in a response to Alexa to start and stop an audio stream. Alexa sends the requests to notify your skill about changes to the playback state.
Send Alexa a request to stream the audio file identified by the specified audioItem. Use the playBehavior parameter to indicate whether to play the stream immediately or to add the stream to the queue. Add the Play directive in your response to Alexa. Include the directive in the directives array in your response.
When you send a Play directive, set the shouldEndSession flag in the response object to true to end the session. If you set this flag to false, Alexa sends the stream to the device for playback, and then pauses the stream to listen for the user's response.
This property is required and allowed only when the playBehavior is ENQUEUE. This is used to prevent potential race conditions if requests to progress through a playlist and change tracks occur at the same time. For details, see Playlist Progression with ENQUEUE.
The timestamp in the stream from which Alexa should begin playback. Set to 0 to start playing the stream from the beginning. Set to any other value to start playback from that associated point in the stream.
An object with two fields, content and type. Use these fields to provide captions for the associated audio attachment on any compatible device with a screen. A captionData object doesn't exist until it's provided with content and type. Devices assert support for AudioPlayer version 1.1 or later through the Capabilities API.
The audioItem.stream.expectedPreviousToken property is required if playBehavior is ENQUEUE to handle situations in which requests to progress through a playlist and change tracks happen at the same time. The value of audioItem.stream.expectedPreviousToken should match the audioItem.stream.token property provided with the previous stream.
Clears the audio playback queue. You can set this directive to clear the queue without stopping the currently playing stream, or clear the queue and stop any currently playing stream. Include the directive in the directives array in your response.
Sent when Alexa begins playing the audio stream previously sent in a Play directive. This request lets your skill verify that playback started successfully. Also, Alexa sends this request to notify your skill when Alexa resumes playback after pausing it for a voice request.
This request is also sent if the user makes a voice request to Alexa, since this temporarily pauses the playback. In this case, the playback begins automatically once the voice interaction is complete.If playback stops because the audio stream comes to an end on its own, Alexa sends PlaybackFinished instead of PlaybackStopped.
To progress through a playlist of audio streams, respond to this request with a Play directive for the next stream and set playBehavior to ENQUEUE or REPLACE_ENQUEUED. This adds the new stream to the queue without stopping the current playback. Alexa begins streaming the new audio item once the currently playing track finishes.
My AudioPlayer is attached to the fragment, which means I have 10 audio players if I have 10 fragments. If I collect them at the same time, all 10 audio players will play the effect simultaneously, resulting in glitchy sound.
This is what I would like to avoid.
The MBX-PRE Streaming Audio Player is designed to offer a simple-to-install and simple-to-configure streaming media solution to add high quality streaming audio content to any audio system. The MBX-PRE can be used as a single stereo audio streaming source for a single room, or supply a single audio stream to a larger whole-house system through its easy-to-use analog line-level/digital (coax/optical) outputs.
The MBX-PRE allows for expansion to up to 32 streaming rooms of audio in a single installation with any combination of other MBX-Series streaming products from Russound. When paired with a Russound multi-room controller, system expansion is possible up to 8 independent audio sources and up to 48 total rooms of audio.
If you haven't registered yet for CEDIA 2024 in Denver, CO, September 5 - September 7, 2024, please sign up now using the free code RUSSOUND2024, compliments of Russound. This promo code will get you a FREE Expo Badge. Feel free to share this Free Expo Badge code with co-workers and colleagues. In addition to the free CEDIA badge, this year you can also use this code to register for CIX.
I guess that I can either persevere with trying to get the download to work within Plyr, or alternatively I can just add another button (outside Plyr) as a normal element in webflow (similar to as suggested here.
I ended up using amplitude.js
-source/amplitudejs
Had to do a fair bit of coding to create my own custom player, but managed to get it receiving CMS links for soundcloud tracks to populate on the front end.
Totally agree on this. My current solution is a cobbled together straightforward port of the audio file player from the JUCE demo into a plugin. This would be an awesome official utility plugin + example project for the JUCE team to make!
Straight forward HTML5 Audio player. Looks good on desktop but on mobile it gets a little weird. It keeps its width but repositions and floats over the element it's inside. How do I stop it from repositioning on mobile devices?
When you zoom on the mobile device, the player starts moving towards its intended position (and player controls appear) - the more you zoom, the more it moves upwards, until halting in the middle of the element:
It's a bit difficult to debug this on a real device but if you have the cables, you can connect your device to your computer and debug/test much easier. From what I can tell, the player itself has a set height (background red) and some weird default styles that possibly could be overridden but you would need to inspect on a computer to figure it out
Now the annoying bit.
I just tried linking a different file (on my D drive) and that works
sooo I tried re-linking the failed file and that worked
but the failing code is still failing
I thought that there would be something different in the code buuut
no the two are identical except that the non-working player has no empty line before it.
Inserted a blank line and it sprang to life [FX: Much gnashing of teeth]
If you're listening to a series of audio (or video!) files like it's an audiobook, I recommend Voice Audiobook Player. In addition to remembering your playback position within one of the files in a folder, it's open source and ad-free, and has options to adjust the playback speed.
If you want this in order to listen to music or speech which you want to download manually then I don't know. But if you want this because you listen to podcasts and you're fine with downloading them via their RSS/Atom feeds, then I highly recommend the Podcast & Radio Addict app. It remembers your position in each podcast exactly the way you described, even shows the position as a small progress bar in the podcast list and provides tons of other features, such as the automatic download of the latest podcast episodes from RSS/Atom feeds that I mentioned (not restricted to podcasts that were set up to work with the app - any feed URL will do). It's free with ads or you can pay to remove the ads.
There's not much is doesn't do with regards what you might want when listening to an audiobook... it will even sync your progress across devices, while keeping that information locally for safe-keeping!
Options to backup & restore playlists, settings & your personal customisations. This is particularly handy should you change devices as you can restore all your saved personal settings to new device easily.
Hello I would like to give a suggestion to you who have content such as music, movies on your Nextcloud server.
Here at home I use it in conjunction with the Plex media server and I can listen to my music and watch my videos on any Android and iOS device, and not to mention that in the music option it is possible to create playlists
Kodi works well to stream video, audio and image slide shows directly from nextcloud to desktops and mobile devices. Streaming from nextcloud works out of the box via webdavs, but the interface is skinnable and handling of metadata is highly configurable. Album cover art etc can be auto scraped or manually set, playlists can be made, shared and managed. I can recommend it for daily use to give family members and friends who are not tech savvy access to media stored on a nextcloud server.
d3342ee215