整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

功能强大的音视频播放软件

LAYit app是一个功能强大的音视频播放软件,支持所有的音频和视频格式,让你的手机上只用安装这一个播放器够了。使用起来也很方便,可以自动识别手机中可以播放的文件,并且可以进行快速搜索。同时还能提取视频中的音频,轻松将视频专为音频文件。在播放的视频的时候可以轻松进行快进和调节播放速度,在播放音乐的时候则可以设置均衡器,还支持定时的功能。

PLAYit app图片1

软件特色

支持所有格式

音乐:WAV、MP3、AAC

视频:4k、1080p、MKV、FLV、3GP、M4V、TS、MPG

自动管理本地文件

自动识别Android设备和SD卡上的视频文件,轻松整理和共享媒体文件。

搜索在线视频

内置搜索引擎的在线高清视频播放器为您提供视频搜索和在线流媒体服务。

浮动和后台播放

打开浮动播放窗口,这样您就可以在看视频或听音乐的同时与他人聊天或使用其他应用程序。

MP4转MP3

一键将视频转换为音频并享受音频/音乐播放。

智能手势控制

多播放选项和简单的手势控制来改变播放速度、亮度和音量。

来源:http://www.3h3.com/az/231397.html

频展示:

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

一整套超级完整的用于app推广宣传的动画展示样机视频模板。模板包含了app或任何与移动相关的业务进行清晰可视化呈现的素材。非常适合您的应用程序促销/演示/解释器

模板设计简单实用,使用了当下流行的现代元素。所有场景都是模块化的,易于编辑。项目文件结构合理,干净,带有颜色标记。

模板说明:

  • 版 本:Premiere CC 2018或者更高版本PR
  • 分辨率:高清1920×1080
  • 插 件:不需要第三方插件
  • 格 式:prproj

模板用途:商业应用程序,Android,iPhone,iOS,演示样机,手机广告,宣传,促销模板,演示,视频,手机,平板电脑

官网下载地址:www.cgzy.net/4418.html

效果展示:

能是出于节省用户流量,许多移动端浏览器都不支持H5自动播放视频,必须在用户主动交互(点击或者滑动等)后才可以通过js播放视频

PC端可以通过设置muted,自动播放静音视频

安卓浏览器均不支持自动播放,实测在微信内置浏览器,滑动视为交互行为,可以在这之后播放视频,抖音内置浏览器则需要点击交互,鸿蒙系统浏览器可以自动播放静音视频

解决方案

  • 法一 引导用户点击或滑动

进入网站时弹窗,例如欢迎语等,用户点击关闭后执行视频播放
简单粗暴的方法,在某些场景时适用的,实测在安卓、鸿蒙、IOS、抖音浏览器等均可以用这个方法解决

close() {

const videos = document.querySelectorAll('video');

for (let i = 0; i < videos.length; i++) {

const element = videos[i];

element.play();

}

}

【更多音视频学习资料,点击下方链接免费领取↓↓,先码住不迷路~】

点击领取→音视频开发基础知识和资料包

法二 jsmpeg

将视频转成ts格式,通过jsmpeg解码器进行加载播放,可以实现自动播放,实测基本上可以解决所有移动端无法播放视频的问题

转ts

安装ffmpeg,输入命令将mp4转成ts

  • s - 分辨率
  • b - 码率 b:v代表视频码率 b:a代表音频码率
  • r - 帧频

ffmpeg.exe -i in.mp4 -f mpegts -codec:v mpeg1video -s 680x1080 -b:v 2074k -r 29.97 out.ts

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Document</title>

// 引入jsmpeg

<script src="./jsmpeg.min.js"></script>

<style>

#canvas {

width: 100%;

height: 100%;

}

</style>

</head>

<body>

<canvas id="canvas" height="750" width="750"></canvas>

<script>

var canvas = document.querySelector("#canvas");

// 加载ts文件

var player = new JSMpeg.Player("./out.ts", {

canvas: canvas,

loop: true, // 循环播放

autoplay: true, // 自动播放

audio: false, // 禁用音频

});

player.play();

</script>

</body>

</html>

其他问题

  • 移动端自动全屏播放视频
<video webkit-playsinline="webkit-playsinline" playsinline></video>

如果你对音视频开发感兴趣,觉得文章对您有帮助,别忘了点赞、收藏哦!或者对本文的一些阐述有自己的看法,有任何问题,欢迎在下方评论区讨论!