導讀:前端開發(fā)前端開發(fā) 因為在某個“大姐姐”網(wǎng)站看到有字幕并且可以下載字幕文件，自此走上了OneIndex折騰的不歸路，中間踩過N多坑，也請教了不少人，最還是靠Google解決了，雖營銷型網(wǎng)站建設網(wǎng)站seo優(yōu)化培訓。

因為在某個“大姐姐”網(wǎng)站看到有字幕并且可以下載字幕文件，自此走上了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 顯示字幕