Stratus 2 Beta hacks or customization - soundcloud-stratus

I'm currently using Stratus 2 Beta to stream music from soundcloud to my website. At the bottom of the player there are various links to different pages. One is a link to stratus's website. Is there anyway to hide those buttons to make a cleaner player?

I know this is old but in case anyone stumbles upon it…
Two ways:
1) Edit the CSS to hide what you want and pass it as a theme (one of the options) to the player.
2) Grab the code from http://stratus.sc/stratus.js edit it and use it on your own server.
One point though: SoundCloud ToS requires a link to their site; as stratus is an official player it counts as the link, so you probably shouldn’t remove that one (unless you’re putting the link somewhere else).

Related

Is There a Method or Extension (Firefox) to Always Show Captions on YouTube Videos?

This is either a programming request or a simple workaround...
Preface: I don't like Google and don't want to give YouTube any more support than I have to. However some creators I follow are only on YouTube.
Question: is there a way to always show closed captions (when available) when watching YouTube videos without being logged in/having an account? Is there an extension with this behavior?
Issue: When I watch multiple videos in a row, using the ?view=57 url trick and "Play All" button, the captions turn off when switching between videos... I have to enter the other room and hit the "c" button on the keyboard to turn them back on every time, which is inconvenient while streaming.
Action: I've searched for Firefox add-ons and extensions but their behaviors are all generically described... and I can't ascertain if they have this behavior. And many that talk about subtitles are you uploading your own .srt which is NOT what I'm trying to do.
Any help would be appreciated... it's a small but very frequently experienced annoyance and I feel like there must be some easy solution! Or... this could be a fun practice exercise for someone to release on github or something ;)
Thanks in advance.

Bigcommerce product image customization with text change

Currently I am trying to build such customization of product in Bigcommerce Storefront that allows to display image with dynamic text, which was entered in Textbox. That means product image preview should be shown INSTANTLY with new image with written text.
so that the end user will know how the final product will looks like and also same image should go in shopping cart as well.
I know that there is an app on Shopify named as Product Builder.
Is this possible to do it on Bigcommerce?
Thanks in Advance
It's definitely possible with some fairly advanced client-side code. Unfortunately I don't know of any plug and play systems or apps for Bigcommerce that will achieve what you're looking for, but there are a couple ways to get a live updating product preview if you're willing to get your hands dirty.
Here's an example from my site. Click the button under "personalize this item", and you'll see a live preview image like you describe in the modal. Enter some text and change the monogram style and color, the preview image should update pretty quickly every time you change an option. A solution exactly like mine may not be feasible for you, since that site is using a pretty complex React/Redux implementation built on an extensively customized Stencil theme... it's far from a turnkey solution. That said, you could implement something similar without needing a totally custom app.
The image preview itself in the example above is powered by IMGIX.com. They offer a great service at a fantastic price. Basically my system translates the user-selected Bigcommerce option into a URL string per IMGIX's URL-based API. Displaying the live preview is then as simple as changing the image's src attribute to the corresponding IMGIX URL on every input change. I do this in a React component that consumes a Redux store, but something similar could definitely be done in the framework of your choice, or plain old vanilla JavaScript. Cloudinary offers a similar (maybe even a little bigger) feature set to IMGIX, but I found IMGIX to be a bit faster, and the pricing was considerably less for my usage.
You could also write something that uses the HTML5 canvas to overlay text and effects on an image, and thereby avoid using a third-party service. I found such a solution to be way more work and way more taxing on the client-side device, but it'd definitely be another way to skin the proverbial cat.
There may be other viable solutions out there, but the above has been my experience in implementing something similar to what you're looking for on Bigcommerce. I hope this is helpful!

How to make thumbnails in wordpress play audio after click through stratus

I probably searched through the entire web but couldn't find any help on this. Before I ask the question I must mention that I am a complete novice in web development.
I went through a lot of websites that enable you to play audio through stratus after clicking on a thumbnail. Although websites like indieshuffle.com and themusicninja do not use stratus, I was wondering how they get their photos to play songs in their audio players.
Similarly, I don't want my thumbnails to link to the post but instead I want people to play the corresponding soundcloud track after clicking on the thumbnail. Also, if it is possible to have play/pause buttons on the thumbnails it will be great.
Of course, I have ajax and stratus as well as the full width audio player installed as plugins.
I am guessing this has to do with embedding the shortcode for the track somewhere in the image.
Please help!!!
since you are complete new your best bet here is an album plugin or something
that will let you attach an image and have a mp3 file to relate to, and be displayed without much knowledge in coding.

Is there a standard Control for creating an in-app video player?

Im making a videoplayer in a wp7 app. Im using mediaelement to show the video, and sets its source from a url. Functionality i wanted are play/stop-buttons, forwarding/rewinding, a progressindicator (for the progress of the video itself) and show a progressbar when it buffers. I have accomplished all above, using some customized grids, buttons and so on.
I did get some trouble though, which i dont want to bother you with here (its a mess) and which is why im asking the following:
Is there a standard (or downloadable) control for wp7 that does all these things for me and that works perfectly. Ive searched "everywhere" but couldnt find anything. It surprises me that this isnt an easy to use, built in control that is easy to customize, since standard videoplayers are something id guess alot of apps could take advantage of.
Anyone?
Here is a tutorial on how to create a Windows Phone 7 View Model Style Video Player.

firefox addon, transparent floating panel

I'm developing a firefox addon and would like to have a fixed position (relative to the browser) semitransparent panel with 3 icons shown at the corner of every browser content area. These buttons will have to be able to communicate with a site that is not the site shown.
I know it would be possible to inject a fixed position div to html but I want the buttons to communicate with external site when pressed and also query information when they are loaded so I think that would violate same origin policy. This wouldn't work with image or other direct media urls either.
What would be the easiest way to create the floating icon panel?
After about of week of work I found it. Here is the answer, I hope this helps someone else:
http://marcada.ms/2010/02/getting-content-on-top-of-the-browser-space-using-xul/
The above adds the panel, transparency is not working (at least not in linux what I work with) because of the following bug. Sigh... opened in 2007 and not closed in 2012.
https://bugzilla.mozilla.org/show_bug.cgi?id=408284
edit2: I ended inserting html data to the body of the document using files from extension folder. Works very well including transparency.
edit3: If anyone is interested how this works in my plugin, check my live site at http://www.upmarker.com

Resources