Jessibuca是一款开源的纯H5直播流播放器,通过Emscripten将音视频解码库编译成Js(ams.js/wasm)运行于浏览器之中。兼容几乎所有浏览器,可以运行在PC、手机、微信中,无需额外安装插件。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

22 lines
5.5 KiB

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Jessibuca</title>
<meta name="generator" content="VuePress 1.8.2">
<meta name="description" content="一款纯H5直播流播放器">
<link rel="preload" href="/assets/css/0.styles.95cb2992.css" as="style"><link rel="preload" href="/assets/js/app.c608341c.js" as="script"><link rel="preload" href="/assets/js/3.da803b5d.js" as="script"><link rel="preload" href="/assets/js/11.5b4fb341.js" as="script"><link rel="preload" href="/assets/js/4.a1cfdbbd.js" as="script"><link rel="prefetch" href="/assets/js/10.9b4ed4f7.js"><link rel="prefetch" href="/assets/js/12.2293222f.js"><link rel="prefetch" href="/assets/js/2.e03afa67.js"><link rel="prefetch" href="/assets/js/5.d46c2315.js"><link rel="prefetch" href="/assets/js/6.cdb8fb55.js"><link rel="prefetch" href="/assets/js/7.c1c034cd.js"><link rel="prefetch" href="/assets/js/8.b1971db2.js"><link rel="prefetch" href="/assets/js/9.a9dfd281.js">
<link rel="stylesheet" href="/assets/css/0.styles.95cb2992.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="logo.png" alt="Jessibuca" class="logo"> <span class="site-name can-hide">Jessibuca</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"> <a href="https://github.com/langhuihui/jessibuca" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"> <a href="https://github.com/langhuihui/jessibuca" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span></span> <!----></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><div class="root"><div class="container-shell"><div id="container" class="container"></div> <div class="input"><div>输入URL:</div> <input autocomplete="on" value> <button>播放</button></div> <!----> <div class="option"><span>缓冲(秒):</span> <input type="number" value="0.2" style="width:50px"> <input type="checkbox"><span>wasm</span> <select><option selected="selected">h264</option> <option>h265</option></select> <input type="checkbox"><span>自适应</span></div></div></div> <ul><li>支持3种格式:</li></ul> <ol><li>ws-raw 即ws://localhost/live/test (该协议只能对接<a href="https://monibuca.com" target="_blank" rel="noopener noreferrer">monibuca服务器<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)</li> <li>ws-flv 即ws://localhost/live/test.flv</li> <li>http-flv 即http://localhost/live/test.flv</li></ol> <ul><li>注意http协议会有跨域问题,需要设置cors头</li> <li>协议同时支持https、wss</li> <li>demo播放器只提供AAC的解码演示</li></ul></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
<script src="/assets/js/app.c608341c.js" defer></script><script src="/assets/js/3.da803b5d.js" defer></script><script src="/assets/js/11.5b4fb341.js" defer></script><script src="/assets/js/4.a1cfdbbd.js" defer></script>
</body>
</html>