ngHuffman – AngularJS wrapper for the Huffman encoding technique.

Hi Friends,

Thanks to everyone who have visited this site for the past 2 years. I will try to write more stuff. (Actually, I don’t get much time).

Anyway, I was experimenting with a new algorithm to compress images; and while doing that I wrote some code to create a angularJS wrapper for the Huffman encoding technique.

The Huffman encoding technique is a widely used method to compress strings or text.

So how do we use it in our app ?

You can install the module using npm:

npm install nghuffman

Then reference the js file in your index.html as shown below:

<script src="/dist/ngHuffman.js"></script>

1	<script src="/dist/ngHuffman.js"></script>

Now add the ngHuffman dependency in your app.js file as shown below:

angular.module('demoApp', ['ngHuffman'])

1	angular.module('demoApp', ['ngHuffman'])

Now we could use the service huff to implement the compression technique.

First we create the tree using treeFromtext function and then we encode our text as shown below.

.controller('demoCtrl', function($scope, huff){
        $scope.inputtext = '';
        $scope.result = '';

        $scope.encode = function(text){
            var Huffman = huff;
            var huffman = Huffman.treeFromText(text);
            var treeEncoded = huffman.encodeTree();
            var encoded = huffman.encode(text);
            $scope.result = encoded;
            var decoded = huffman.decode(encoded);
        }
    });

.controller('demoCtrl', function($scope, huff){

$scope.inputtext = '';

$scope.result = '';

$scope.encode = function(text){

var Huffman = huff;

var huffman = Huffman.treeFromText(text);

var treeEncoded = huffman.encodeTree();

var encoded = huffman.encode(text);

$scope.result = encoded;

var decoded = huffman.decode(encoded);

}

});

Pretty easy right ?

I have hosted a sample app on github at the below link

https://github.com/rajayogan/ngHuffman

Please note that this is just a AngularJS wrapper for the javascript implementation of the Huffman encoding technique which was originally written by wilkerlucio. All credits go to him.

Thanks for reading guys. Peace.. 😀

Follow me

Liked it? Take a second to support admin on Patreon!

T-Pub :)

The Techies' pub

ngHuffman – AngularJS wrapper for the Huffman encoding technique.

Read previous post:

Get your phone’s market name using your phone’s model name using ng-fone.