Ehsan
Ehsan

Reputation: 149

What's the best way to play rtmp stream using angularjs?

I'm trying to play VOD rtmp stream in angularjs. The streaming server is Wowza and there are players like flowplayer to handle it in a non-angular way. But what is the best way to play rtmp stream using angularjs?

Upvotes: 3

Views: 8591

Answers (3)

joshkurz
joshkurz

Reputation: 1033

here is a mediaPlayer directive that works with many media libraries. It is template based, so you can create RTMP templates based upon the chosen library.

https://github.com/joshkurz/Black-Belt-AngularJS-Directives/tree/master/directives/mediaPlayer

Currently have it working with

  • mediaelement.js
  • flowplayer.js
  • pure HTML5

Demo

Upvotes: 1

elecash
elecash

Reputation: 925

You need to write your own plugin to play RTMP, this is relatively easy and you have a few open source plugins to inspire yourself.

Take a look to this Youtube plugin, because it is very similar to what you need to do, but instead inject a Youtube player, you need to inject a Flash player. You can use Video.js, Flowplayer, JWPlayer or OSMF for RTMP streaming, any solution is a good approach so just take the video player that feels more comfy for you.

Upvotes: 1

user2845946
user2845946

Reputation: 1815

Videogular is an HTML5 video player for AngularJS. It has a public API that is extensible through plugins. HTML5 does not support RTMP though. But similarly to what @STEVER suggested, you can wrap a non-HTML5, flash-based streaming solution (for instance Video.js RTMP) into AngularJS to perhaps get a streaming plugin for Videogular.

Upvotes: 0

Related Questions