alist icon indicating copy to clipboard operation
alist copied to clipboard

使用阿里云盘的在线预览支持M3U8播放

Open MindFollowing opened this issue 2 years ago • 4 comments

Please make sure of the following things

  • [X] I have read the documentation.
  • [X] I'm sure there are no duplicate issues or discussions.
  • [X] I'm sure this feature is not implemented.
  • [X] I'm sure it's a reasonable and popular requirement.

Description of the feature / 需求描述

针对阿里云盘的个性化处理,以支持类似阿里云盘的在线播放功能。 参考 1.xshare demo 2.xshare github

Suggested solution / 实现思路

全局处理: 1.集成API获取视频播放信息(/v2/file/get_video_preview_play_info) 2.使用新的播放器组件支持M3U8视频格式(provider="Aliyundrive")

通过iframe / 外部打开 处理: 1./fs/other api设置属性body["url_expire_sec"]=14400,即4小时,默认15分钟 data := base.Json{ "drive_id": d.DriveId, "file_id": args.Obj.GetID(), "url_expire_sec": 14400, } 2.预览增加$m_url变量,即m3u8链接

这是我自己使用js实现的半成品: ArtPlayer无法正常播放,使用m3u8可以正常播放。 请选择万能播放器

Additional context / 附件

No response

MindFollowing avatar Feb 19 '23 13:02 MindFollowing

你好,请教一下,如果实现的在这个页面里添加在线万能播放器的js

guanzhong1982 avatar Feb 20 '23 23:02 guanzhong1982

你好,请教一下,如果实现的在这个页面里添加在线万能播放器的js

1.请在管理-预览中添加iframe预览的视频格式和其播放器地址 2.万能播放器使用了m3u8格式播放 可参考 1.alist的doc文件预览接口 2.xshare demo 3.xshare github

MindFollowing avatar Feb 21 '23 01:02 MindFollowing

看了半天,还是没明白该如何进行设置

guanzhong1982 avatar Feb 21 '23 14:02 guanzhong1982

看了半天,还是没明白该如何进行设置

1.全局-自定义头部引入 2.预览-iframe预览 添加 "mp4,mkv,avi,mov,rmvb,webm,flv": { "万能播放器": "https://www.lccyy.com/alist/player.html" },

以上仅测试使用

MindFollowing avatar Feb 22 '23 04:02 MindFollowing