| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- {% load static %}
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Bilibili Music Download</title>
- <style>
- html,body{
- height: 100%;
- }
- </style>
- </head>
- <body>
- <!-- <div style="height: 30%;width: 40%;margin-left: 30%;">
- <div id="dplayer"></div>
- </div> -->
- <div style="height: 40%;width: 40%;margin-left: 30%;">
- <!-- <iframe src="//www.bilibili.com/blackboard/html5mobileplayer.html?bvid={{bvname}}&high_quality=1&danmaku=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 100%;"> </iframe> -->
- <img src="{% static 'Mygo1.jpg' %}" alt="MyGo!!!!!" style="height: 100%; width: 100%;">
- </div>
- <div>
- <form action="/getAudio/getBV" method="POST" style="height: 10%;width: 40%;margin-left: 30%; background: rgb(49, 132, 106);display: flex;">
- {% csrf_token %}
- <p style="color: aliceblue;margin-left: 15%;">请输入BV号(单个)：</p>
- <input type="text" name="bv" style="font-size: larger; height: 100%; width: 40%;margin-top: 2.7%;">
- <input type="submit" value="提交" style="margin-left: 10px; height: 100%; margin-top: 3.5%;">
- </form>
- </div>
- <div>
- <form action="/getAudio/getBVs" method="POST" style="height: 10%;width: 40%;margin-left: 30%; background: rgb(71, 192, 154);display: flex;">
- {% csrf_token %}
- <p style="color: aliceblue;margin-left: 15%;">请输入BV号(合集)：</p>
- <input type="text" name="bv" style="font-size: larger; height: 100%; width: 40%;margin-top: 2.7%;">
- <input type="submit" value="提交" style="margin-left: 10px; height: 100%; margin-top: 3.5%;">
- </form>
- </div>
- <script src="https://cdn.jsdelivr.net/npm/dplayer@1.27.1/dist/DPlayer.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/hls.js@1.4.12/dist/hls.min.js"></script>
- <script>
- const dp = new DPlayer({
- container: document.getElementById('dplayer'),
- video: {
- url: 'https://vip.ffzy-play6.com/20221218/22906_9a9cfa53/index.m3u8',
- type: 'hls',
- },
- pluginOptions: {
- hls: {
- // hls config
- },
- },
- });
- console.log(dp.plugins.hls);
- </script>
- </body>
- </html>
|
