博文
目前显示的是 十二月, 2023的博文
基于html+javascript开发的base64解码工具
- 获取链接
- X
- 电子邮件
- 其他应用
base64在线解码工具可以帮助你将Base64编码的字符串解码为原始的文本或数据。 预览入口 以下是一个简单的base64在线解码工具的示例: html <!DOCTYPE html> < html > < head > < title > Base64在线解码工具 </ title > </ head > < body > < h1 > Base64在线解码工具 </ h1 > < label for = "input" > 输入Base64编码的字符串: </ label > < input type = "text" id = "input" name = "input" placeholder = "请输入Base64编码的字符串" > < button onclick = "decode()" > 解码 </ button > < p id = "output" > </ p > < script > function decode ( ) { var input = document .getElementById( "input" ).value; var decoded = atob(input); // 使用atob函数解码Base64字符串 document .getElementById( "output" ).innerHTML = decoded; // 显示解码后的结果 } </ script > </ body > </ html > 这个简单的在线解码工具允许用户输入一个Base64编码的字符串,并点击“...
基于Html+腾讯云播SDK开发的m3u8播放器
- 获取链接
- X
- 电子邮件
- 其他应用
周末业余时间在家无事,学习了一下腾讯的云播放sdk,并制作了一个小demo(m3u8播放器),该在线工具是基于腾讯的云播sdk开发的,云播sdk非常牛,可以支持多种播放格式。 预览地址 m3u8player.org 源码地址 https://github.com/geeeeeeeek/m3u8player 开发步骤 第一步:集成播放器SDK: 播放器 SDK 支持 cdn 集成方式: < link href = "https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.min.css" rel = "stylesheet" /> <!--播放器脚本文件--> < script src = "https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.v5.1.0.min.js" > </ script > 第二步:设置容器 然后,设置播放器容器,在需要展示播放器的页面位置加入播放器容器。可以在 index.html 中加入如下代码(容器 ID 以及宽高都可以自定义)。 <video id= "player-container-id" width= "414" height= "270" preload= "auto" playsinline webkit-playsinline> </ video > 第三步:初始化并播放 var player = TCPlayer( 'player-container-id' , { sources : [{ src : 'path/to/video' , }], licenseUrl : 'https://license-url' , }); // player.src(url); // url 播放地址 最终集成后的代码可以参考: https:/...