jQuery

Configure TURN server for webRTC with Firefox

Reading Time: 1 minute Initially, I was using turn server for webRTC in my application only with Chrome but later i got the requirement of using turn server with Firefox as well. I tried to run my application on Firefox with the same code as for Chrome,but i was getting the below error : uncaught exception: buildPeerConnection failed, call not completed Actually, as i mentioned in my previous blog Continue Reading

Tutorial: AJAX calling in Play Framework 2.3.4

Reading Time: 5 minutes In this tutorial we will discuss about the following topics of AJAX calling in Play Framework 2.3.4: Generating a Javascript router Embedded router Router resource Use of Javascript router jQuery Ajax Success/Error handler for each router Single Success/Error handler for all routers

Easiest Way to Implement Google Map in Scala.js

Reading Time: 1 minute In this blog, I would explain how to implement Google Map in scala .js. If you are developing your web application in Scala and you want to write javascript functionality in Scala then you should go with scala.js. To implement Google Map in scala.js, please follow below steps:- 1) Add below code in your HTML file <script src=”https://maps.googleapis.com/maps/api/js”></script> <div id=”map_canvas” style=”height: 430px; width: 512px;”> 2) Continue Reading

How to implement infinite scroll on canvas using paper.js

Reading Time: 2 minutes We make drawing on canvas using paper.js. In this blog, i would explain that how can we implement infinite scroll on canvas. Suppose we have a fixed size canvas : <canvas id=”myCanvas” width=”2500″ height=”1000″></canvas> But we want to implement infinite scroll i.e. we can draw infinite items on canvas using paper.js. As we will either scroll down or scroll up, then it should scroll infinitely. Continue Reading

How to deal with multiple projects in one scope in paper.js

Reading Time: 2 minutes Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. First of all, we will see the architecture of Continue Reading

Dribbling with Filter.js: client-side JS filtering of JSON objects

Reading Time: 1 minute Dribbling Filter.js Play framework with client-side JS filtering of JSON objects and rendering HTML snippets via jQuery. Big chunk to display? Interactive filtering? Most importantly it has to be really fast. Isn’t it like dribbling against Netherland! Big ground, lots of hooting and most importantly have to be fast and win   UI programming is an exciting ground to play, That’s why i chose reactive platform Continue Reading

A simple CRUD application in Play! Framework using Kundera and Cassandra as a Database.

Reading Time: 1 minute playing-kundera-cassandra: This is a classic CRUD application, backed by Play 2.3.0, Kundera & Cassandra. It demonstrates: Accessing a Cassandra database, using Kundera. Achieving, Futures to use more idiomatic error handling. Accessing JS & CSS libraries by WebJars. Bootswatch-United with Twitter Bootstrap 3.1.1 to improve the look and feel of the application Instructions :- The Github code for the project is at : playing-kundera-cassandra Clone the project Continue Reading

Classic CRUD application in Play Framework 2.3.0 with ReactiveMongo, WebJars and Bootswatch-United

Reading Time: 1 minute Play 2.3.0 application with ReactiveMongo – reactive, asynchronous and non-blocking Scala driver for MongoDB. This is a classic CRUD application, backed by a MongoDB database. It demonstrates: Achieving, Futures to use more idiomatic error handling. Accessing a MongoDB database, using ReactiveMongo. Achieving, table pagination and sorting functionality. Replaced the embedded JS & CSS libraries with WebJars. Play and Scala-based template engine implementation Bootswatch-United with Twitter Continue Reading

How to remove video/audio tracks from MediaStream in WebRTC

Reading Time: 2 minutes WebRTC (Web Real-Time Communication) is an API definition drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, and P2P file sharing without plugins. Now in this blog, I am going to explain that if we have a mediastream containing both audio and video and at some point of time we want to remove one of the track Continue Reading

Show Online Friends using Node.js with Nice UI Interface

Reading Time: 1 minute Last month, we created a login demo template in Node.js and MongoDB. We also added signUp with Facebook, Twitter and google. So that user would not need to signup manually. We added profile management feature with a nice UI interface. So that uses could modify his profile detail along with his photo. We have used MongoDB for this application. We added Friend List management with Continue Reading

Making Friend-List in Node.js and MongoDB using Autocomplete

Reading Time: 2 minutes Last week, we created a login demo template in Node.js and MongoDB. We also added signUp with FaceBook, Twitter and google. So that user would not need to signup manually. We added profile management feature with a nice UI interface. So that uses could modify his profile detail along with his photo. Now we have added one more feature Friend List management with auto-complete functionality. Continue Reading

Play Framework 2.2 with WebJars client-side web libraries

Reading Time: 1 minute WebJars are client-side web libraries (e.g. jQuery & Bootstrap) packaged into JAR (Java Archive) files. WebJars can be added as dependencies to an app by simply adding them to the build.sbt file. There is also a helper library named webjars-play that makes it easy to reference WebJar assets. Here is an example build.sbt file with webjars-play and the bootstrap WebJar as dependencies. Do the following Continue Reading

Knoldus Pune Careers - Hiring Freshers

Get a head start on your career at Knoldus. Join us!