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

Overview

Typecho-Plugin-SrsPlayer

SRS Player是一个音视频播放器插件,可以支持直播协议HLS/HTTP-FLV/WebRTC等,还可以播放点播的MP4和HLS地址。

Usage

首先,你得有一个直播流或者点播文件。很简单的,可以一键操作,建议用SRS云服务器 一键创建自己的直播服务器,并开始推流,这样就有了自己的直播流了。

然后,需要在Typecho中安装SrsPlayer插件,请参考下面的安装步骤,并在后台控制台 > 插件启用SrsPlayer插件。

最后,新建一个博客文件,在文章中插入简码:

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

若有问题请加SRS的微信群SRS

Install

由于Typecho不支持上传压缩包,也没有插件市场,所以安装插件会麻烦些。

命令行:若你喜欢命令行方式,可以登录服务器后,一键执行下面的命令安装:

cd /usr/local/lighthouse/softwares/typecho/usr/plugins &&
curl -L -O https://gitee.com/ossrs/Typecho-Plugin-SrsPlayer/repository/archive/main.zip &&
unzip -q main.zip && rm -rf SrsPlayer && mv Typecho-Plugin-SrsPlayer-main/SrsPlayer .  &&
rm -rf Typecho-Plugin-SrsPlayer-main main.zip

Note: 这里的路径/usr/local/lighthouse/softwares/typecho/usr/plugins,是LightHouse镜像安装Typecho的路径,若不同请改成你的路径。

手动下载:

手动从GitHub, 或者从Gitee,选择需要下载的附件。

解压后,将SrsPlayer文件夹,上传到Typecho的typecho/usr/plugins目录。

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.3)
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