Build advanced audio player [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I am building a rails application that lets users upload and listen to songs. It would be nice to build a player for these files that is capable of the following:
Requirements
It shows sound waves (static) based on the song's melody
It has a play/pause button
The progress bar is draggable to fast forward and rewind
It fires events in the background asynchronously for tracking purposes, like play count, listener's geo data, listener retention (average user attention span) - all this functionality will be in the back end, it just needs to be triggered
It needs to be embedded on other websites
All in all, it is pretty much like the soundcloud player with some extra features.
Questions
Which technology would you use for this? Flash? Javascript? Something else?
Is there a ruby gem for this?
Are there (customizable) tools out there already that more or less meet these requirements?

Which technology would you use for this? Flash? Javascript? Something else?
For compatibility purposes, you'd really need to use both. Not all devices support Flash, and not all browsers support the Javascript features needed for audio output.
Is there a ruby gem for this?
No. Most of the functionality you're describing would exist on the client side, not on the server.
Are there (customizable) tools out there already that more or less meet these requirements?
Many of them, yes. See jPlayer, for instance.

Related

Java Swing in Web Page [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm attempting to create a web page that takes user inputs from form fields and outputs various calculations as values displayed on the same web page. In addition to this, the user inputs create a "Gun" class instance and set its fields. Another class's method within the project generates random x and y coordinates based specific fields from the Gun instance. These coordinates are meant to be used in a Swing class, perhaps fillOval, to draw circles (which represent bullets) over an image embedded in the page. This is essentially a shot simulator.
Can this be done? Can a JFrame be embeded in a web page? Or am I wasting my time? Is there a more efficient language for this than Java?
Can a JFrame be embeded in a web page?
No, at least not directly, but an Applet can be embedded. Since you ask specifically about Swing, you can use a JApplet, which is an Applet that serves as a top-level Swing container, analogous to a JFrame.
As #ElliottFrisch warned, however, applets are a somewhat dated technology. The biggest problem with them from my perspective is that many browsers do not support them -- either because no JRE is installed on the client machine, or because Java support is not enabled in the browser. The latter is quite common these days, even on machines with a JRE, partially as a result of a series of unfortunate Java vulnerabilities.
Can a JFrame be embeded in a web page?
The short answer is yes, with an Applet. However, applets are an older technology and I would suggest you look into more modern web based approaches.

Create Website that behaves more like a desktop application with windows and dragging of assets between the windows [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I would like to create a website front page which behaves more like an actual desktop application with windows and ability to drag and drop assets from one window to the next (and untop of other items on another windows).
This is very easily done in a desktop application. How can we replicate it using on a website?
I know I can do jquery such as this: http:// jsfiddle.net/4Vfm5/1095/
to resize and move an image.
What I want to do is make the website behave more like an application with windows. I am not as concerned about mobile applications as website viewed via desktop computer.
Are there any frameworks that help the process?
I have seen some site that behave that way (using "Div"s for each window) - but I gather they used a lot of custom code to make it look like that. I am trying to see if there are packages that help the process along?
This is how I want the webpage to look like
https://drive.google.com/file/d/0B_FN5UlpyrboVU9WZzFRdGl6TlE/view?usp=sharing
Thank you so much.
Jack
One you can try is Ext JS:
http://www.sencha.com/products/extjs
Depending on your use case you may need to pay them (I think if you use it for a commercial purpose). But it supports Layout and Controls similar to the type of design you would expect from a desktop UI framework. It also has drag and drop support built in.

AJAX Microgames [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
If you're not familiar with the concept of a Microgame, check out this video of WarioWare Twisted.
I'm interested in setting up a site where users can play series of browser-based Microgames which are delivered to them by a server. Ideally this would allow me to crowdsource the games and have an open submission system. What sort of scheme could I use to make this work?
I'm thinking that one way to do it would be to have each game consist of:
A javascript file that defines a MicroGame object that controls a rectangular portion of the screen, gets input and timing information from the main page, then calls back to the main page with a "Success" or "Failure" message.
A folder of assets that must be downloaded before the game executes.
Is this possible to do, client-side within a browser? Where would be a good place to start figuring this out?
There are a lot of open issues here. The biggest problem is what language do they submit games in which you can execute safely on the players machines? That said, there are tools like this out there. You could look at the excellent Play My Code for inspiration.

How do javascript desktop apps work? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
looking at applications like Adobe's Brackets, how did they manage to make the javascript / html stack behave like a desktop app? In other words, what's the underlying magic that makes it work?
Well, there are a few options really:
There's HTML Applications, but they're pretty much dead and gone.
There are Chrome Apps too
Special frameworks (such as TideSDK) also exist, which act in a similar manner to PhoneGap
In addition to BenM's list, there is also the Adobe AIR technology:
Adobe AIR is a cross-platform runtime that enables you to use your
existing Flash/ActionScript or HTML/JavaScript development skills and
tools to build and deploy applications, games, and videos outside the
browser and on mobile devices.
I only can make a guess how they work, but I think that some "mini-browser-engines" are embedded within a windows frame and glued together.

Need Solution With Identical Results To Flash - HTML 5 Compliant [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I used to build sites that used flash for background animations & background movies while having regular (selectable) Html text on top.
Flash really fit the bill because it allowed for streaming movies WITHIN the animation itself, so you could layer things really well and get a very creative website going.
BUT FLASH IS DYING...
So I'm here to ask you good folks what solution (or solutions) should I look towards that can accomplish the same goals in modern non-Flash platforms (web-mobile etc).
It would need to:
Create animations that can have within them movie files. I would need to control the movies from the animation, not just slap them as background
NOTE: I have looked at all kinds of plugins etc for putting a movie as a site background, but this would NOT yield the result I need as it is just a movie playing and cannot be scripted as an animation in Flash was. I also checked out Adobe Edge. It comes closest to what I need but I have found no way of working with video inside it the same as in Flash - Please correct me if I'm wrong.
I'm no Javascript maestro by any means. I would dive deeper into it but I'm not sure it would work for what I need.
I hope I have not confused you with this long winded question and I thank you for your help.
Try the html canvas element. You can pipe video to the canvas using a hidden video element and any animation you can think of is possible through canvas. Since these are dom elements, you can of course put other HTML on top of them.
For good canvas frameworks check: http://www.backslash.gr/content/blog/webdevelopment/7-10-javascript-canvas-frameworks
I'm personally a big fan of paper.js and processing.js

Categories