SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.

Overview

WordPress-Plugin-SrsPlayer

SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.

Usage

First, you should get your own video streaming server. Highly recommend to Create SRS Droplet by 1-Click.

Then, publish live streaming by OBS to your server, you should be able to play the stream by VLC, please follow the tutorial

Next, visit your WordPress, install this plugin, and create a post with the following shortcodes:

  • For HLS: [srs_player url="https://your_droplet_ip/live/livestream.m3u8"]
  • For WebRTC: [srs_player url="webrtc://your_droplet_ip/live/livestream"]
  • For HTTP-FLV: [srs_player url="https://your_droplet_ip/live/livestream.flv"]

If you are stuck, please get help from discord

Options

You could specify options, for example, to limit the HLS:

[srs_player url="https://your_droplet_ip/live/livestream.m3u8" width="720"]

The options of SRS player:

  • url: The url to play, supports HLS, HTTP-FLV and WebRTC, please see Usage.
  • width: (Optional) The width to limit the video, it's not required.

Winlin, 2022

You might also like...

XPeer is a WebRTC based package for building Muti-Peer-to-Peer Frontend Application.

XPeer is a WebRTC based package for building Muti-Peer-to-Peer Frontend Application.

Jun 22, 2022

High-quality WebRTC SDK

腾讯云实时音视频 TRTC SDK 产品介绍 腾讯实时音视频(Tencent Real-Time Communication,TRTC),将腾讯多年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高

Dec 18, 2022

A Node JS Express/Serverless demo application that creates a slideshow video using the Pexels image library and Shotstack video editing API.

Shotstack Pexels Slideshow Video Demo This project demonstrates how to use the Shotstack cloud video editing API to create a video using an HTML form

Dec 9, 2022

A Chrome extension to help you inspect Mp4 video content and find irregularities in video streams.

A Chrome extension to help you inspect Mp4 video content and find irregularities in video streams.

MP4Inspector A Chrome extension to help you inspect Mp4 video content and find irregularities in video streams. Installation In chrome navigate to chr

Nov 28, 2022

The HTML5 video player for the web

Flowplayer website | demos | docs For the impatient Download Flowplayer Unzip Drop the folder under your server Minimal setup !DOCTYPE html head

Dec 30, 2022

A web video player built for the HTML5 world using React library.

video-react Video.React is a web video player built from the ground up for an HTML5 world using React library. Installation Install video-react and pe

Jan 6, 2023

Modern browsers already had a vivid player for video

Modern browsers already had a vivid player for video

Modern browsers already had a vivid player for video. However, web developers and designers still want to custom their own style player for different situations. Sounds like web component will do a lot favor for this purpose. With msc-ez-video / support, customize control panel will become a piece of cake. msc-ez-video / adopts CSS custom properties, developers could style them as they want.

Dec 29, 2021

Custom full screen video player

Custom full screen video player

Video Player Native video player in html View Demo · Report Bug · Request Feature About The Project This is a custom video player for the web built on

Feb 3, 2022

Accessible HTML5 Video Player

Accessible HTML5 Video Player What is it? A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For de

Jan 5, 2023
Releases(v1.0.14)
Owner
ossrs
Open Source SRS Community
ossrs
HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.

HLS.js is a JavaScript library that implements an HTTP Live Streaming client. It relies on HTML5 video and MediaSource Extensions for playback. It wor

video-dev 12.3k Jan 2, 2023
HTML5

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

MediaElement.js 8k Dec 27, 2022
HTML5

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

MediaElement.js 8k Jan 8, 2023
Flexible and easy Dash/HLS/DRM integration for HTML5 video.

This project is made possible with Plyr, Hls.js, Dash.js. Features ?? HLS and DASH playback ?? Multi quality supported ?? Drm with custom header suppo

Tuhin Kanti Pal 25 Nov 11, 2022
base on webrtc datachannel & ffmpeg wasm H265 player

1 简介 借助于WebAssembly(简称Wasm)技术,实现在浏览器端调用ffmpeg接口完成H.265码流到YUV数据的解码。 总体流程如下: 2 依赖 2.1 WebAssembly (Wasm) 按照官网的定义,WebAssembly (wasm) 是一个可移植、体积小、加载快并且兼容 W

null 66 Jan 1, 2023
Video.js - open source HTML5 & Flash video player

Video.js - HTML5 Video Player Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and Media Source Ext

Video.js 34.8k Jan 5, 2023
Free Anime Streaming Website Made with PHP and Gogoanime API. No Video ads

AniKatsu - Watch High Quality Anime Online Without Ads Demo https://anikatsu.ga This is a PHP application used for browsing, searching and watching an

Shashank Tiwari 34 Nov 7, 2022
A browser extension to skip intro, recap and ads on video streaming plaforms

AIO Skipper AIO skipper is a browser extension made for ?? binge watchers ?? . It automatically skip intro, recaps and ads in Netflix, Prime Video, Di

null 6 Nov 2, 2022
Home Assistant custom component for viewing IP cameras RTSP stream in real time using WebRTC technology

Home Assistant custom component for viewing IP cameras RTSP stream in real time using WebRTC technology

Alex X 742 Jan 4, 2023
WebRTC + WebXR Remote Desktop

WebRTC + WebXR RDP WebRTCとWebXRを使ったブラウザ上で動くリモートデスクトップです.WebXRではない通常表示も可能です. 最近の Chrome や Edge で動くはずです.VRモードは Oculus Quest 2 の Oculus Browser で動作確認していま

Kosuke Kawahira 28 Dec 27, 2022