导读:前端开发前端开发 因为在某个“大姐姐”网站看到有字幕并且可以下载字幕文件，自此走上了OneIndex折腾的不归路，中间踩过N多坑，也请教了不少人，最还是靠Google解决了，虽营销型网站建设网站seo优化培训。

因为在某个“大姐姐”网站看到有字幕并且可以下载字幕文件，自此走上了OneIndex折腾的不归路，中间踩过N多坑，也请教了不少人，最还是靠Google解决了，虽然不算完美

支持字幕格式：VTT/ASS/SSA

OneIndex

项目地址：https://github.com/donwa/oneindex

注：OneIndex修改成功,仅限V3.0版本（最后更新时间：2018.09.04），不保证程序之后更新也能成功。

操作步骤

一、在view文件中新建js文件夹，然后下载

https://github.com/Dador/JavascriptSubtitlesOctopus/tree/master/dist 中的所有JS文件，并放在新建的js文件夹中

二、修改模版文件video5.php（文件在view/material或nexmoe/show，后台选择哪个，就修改哪个。）

这是原代码

<?php?view::layout('layout')?>

<?php

$item['thumb']?=?onedrive::thumbnail($item['path']);

?>

<?php?view::begin('content');?>

<div?class="mdui-container-fluid">

????<br>

????<video?class="mdui-video-fluid?mdui-center"?preload?controls?poster="<?php?@e($item['thumb']);?>">

??????<source?src="<?php?e($item['downloadUrl']);?>"?type="video/mp4">

????</video>

????<br>

????<!--?固定标签?-->

????<div?class="mdui-textfield">

??????<label?class="mdui-textfield-label">下载地址</label>

??????<input?class="mdui-textfield-input"?type="text"?value="<?php?e($url);?>"/>

????</div>

????<div?class="mdui-textfield">

??????<label?class="mdui-textfield-label">引用地址</label>

??????<textarea?class="mdui-textfield-input"><video><source?src="<?php?e($url);?>"?type="video/mp4"></video></textarea>

????</div>

</div>

<a?href="<?php?e($url);?>"?class="mdui-fab?mdui-fab-fixed?mdui-ripple?mdui-color-theme-accent"><i?class="mdui-icon?material-icons">file_download</i></a>

<?php?view::end('content');?>

修改后的文件（把video2.php复制一份改改就行）

关键词标签: OneIndex 显示字幕