Open Source JavaScript Multimedia Software - Page 40

Cross-platform, web-based (PHP+JavaScript/EcmaScript) MPD (Music Player Daemon) client. Yet another web-client for famous Music Player Daemon. Totally in JavaScript, driven by XMLHTTPRequest (AJAX) with a small php-backend.

phpMyExpo is a script which allow you to build a modular dynamic internet website in order to display pictures in three hierarchy levels : themes, pages and modules. An administration page also permits to modify the global aspect of the website.

A webbased XML development toolkit to edit, validate and preview XML files. This program gives you a structured view of the XML data. It has support for multiple XML formats: SVG, DocBook, XHTML and more. phpXIedit is written in PHP.

Just trying out SF for the first time

In the context of a project at school, we have developed an online gallery. picture.BOX was born and we would like to distribute it for free. It is a "web2.0"-Gallery with a lot of features.

An open source online image gallery. A simple, easy to set-up image gallery written in php.

A React custom renderer for the blessed library. This renderer should currently be considered as experimental, is subject to change and will only work with React's latest version (17.x.x, using Fiber). Any of the blessed widgets can be rendered through react-blessed by using a lowercased tag title. Text nodes, on the other hand, will be rendered by applying the setContent method with the given text on the parent node. As with React's DOM renderer, react-blessed lets you handle the original blessed nodes, if you ever need them, through refs. For convenience, react-blessed lets you handle classes looking like what react-native proposes.

react-imgpro is an image-processing component for React. This component process an image with filters supplied as props and returns a base64 image. I was working on a project last month which involved a lot of image processing and I'd to rely on third party libraries. But before using them directly, I'd to learn different concepts in gl (shaders) and then try to implement them in React. The difficult part was not learning but it was the verbosity, boilerplate code and redundancy introduced by the libraries in the codebase. It was getting difficult to organize all the things. And React's component-based model was perfect for hiding all the implementation details in a component.

Declarative transitions and animations for React Native. To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View. To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage.

One of the best navigation patterns on Android. This is a very simple JavaScript-only implementation of it for React Native. Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution.

read chung is a small txt reader with multilingual tts text to speech voices from responsivevoice and yandextranslate and animated 3D face avatar written in html5 , javascript and uses jsc3D .

retina.js makes it easy to serve high-resolution images to devices with displays that support them. You can prepare images for as many levels of pixel density as you want and let retina.js dynamically serve the right image to the user. retina.js assumes you are using Apple's prescribed high-resolution modifiers (@2x, @3x, etc) to denote high-res image variants on your server. It also assumes that if you have prepared a variant for a given high-res environment, that you have also prepared variants for each environment below it. For example, if you have prepared 3x variants, retina.js will assume that you have also prepared 2x variants. If the environment does have 3x capabilities, retina.js will serve up the 3x image. It will expect that url to be /images/my_image@3x.png. If the environment has the ability to display images at higher densities than 3x, retina.js will serve up the image of the highest resolution that you've provided, in this case 3x.

reveal.js is a framework for creating beautiful interactive presentations using HTML. It comes with a wide range of features, including nested slides, auto-sliding, touch navigation, Markdown support, PDF export, speaker notes, theming and more. It also comes with a JavaScript API that allows you to control various other options, and a list of plugins that can be used to extend reveal.js further. reveal.js currently offers full support for any recently released version of the following browsers: Chrome, Safari, Firefox, Opera, Edge and IE10-11. It has limited support for IE9 and Firefox 3.6. For a live demonstration, visit https://revealjs.com

A download center for bulk downloading whole albums/galeries of the smugmug photo sharing website.

sMArTH is a SVG and ECMAScript-powered equation editor for MathML and LaTeX

This application walks you through deciding what to call a Sailboat, or an item on a Sailboat, based on your answers to a series of questions.

Screen capture applications are much more than utilities that allow us to capture, annotate and share parts of our computer’s screen but, if properly included into our workflow, they can quickly become efficient communications tools. With a rather suggestive name, –shots is a simplistic and unpretentious, Electron-based piece of software that allows you to capture screenshots, as well as edit and annotate them.

Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications. Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user. The default configuration of sigma deals with mouse and touch support, refreshing and rescaling when the container's size changes, rendering on WebGL if the browser supports it and Canvas else, recentering the graph and adapting the nodes and edges sizes to the screen. Sigma provides a lot of different settings to make it easy to customize how to draw and interact with networks. And you can also directly add your own functions to your scripts to render nodes and edges the exact way you want. Sigma is a rendering engine, and it is up to you to add all the interactivity you want.

Easily create social virtual worlds that anyone can interact with using Virtual Personas, a global identity system where people own their identities. Simbol accepts several configuration parameters. New worlds await us with VR and AR. A flourishing of creativity. This must happen without conceding in user experience and with an honest contract between creators and consumers regarding their data. Simbol is researching to accomplish these goals and broadcasting accomplishments made by the community via a podcast, blog and newsletter. Currently, simbol is dependent on several third-party libraries. You can check out the API in our JSDoc.

A simple slide show of images. Code is JavaScript, used jQuery library. Easy web slide show of photos.

Slideshow broadcast over the Web, with the slideshow operator/presenter controlling when slides change. Requires only a browser for presenter and viewer(s). Still-image slideshows are supported; support for text/HTML slideshows is under development now.

Image cropping is a common task in many web applications. Usually just cutting out the center of the image works out ok. It's often a compromise and sometimes it fails miserably. Smartcrop.js is the result of my experiments with content aware image cropping. It uses fairly simple image processing and a few rules to attempt to create better crops of images. This library is still in it's infancy but the early results look promising. So true to the open source mantra of release early, release often, I'm releasing version 0.0.0 of smartcrop.js. Smartcrop.js implements an algorithm to find good crops for images. It can be used in the browser, in node or via a CLI. Smarcrop requires support for Promises, use a polyfill for unsupported browsers or set smartcrop.Promise to your favorite promise implementation (I recommend bluebird).

snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply, transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering. Note, for convenience, width and height are animatable too, but beware since they may cause page reflows and slow down your animations. No arbitrary property animations, e.g. colors, padding, margin or line height animations. For performance reasons, snabbt never queries the DOM.

Java library of chart. It supports 2d and 3d visualization of line charts,pie charts,bar charts etc.