fix hcloud css

hcloud/libdownload.go

@@ -188,16 +188,16 @@ RUN:
 				scmd.WriteString("-- " + vi.url)
 			}
 			scmd.WriteString(" && \\\nrm $0\n")
-			ioutil.WriteFile(shellName, scmd.Bytes(), 0755)
+			os.WriteFile(shellName, scmd.Bytes(), 0755)
 			// DOWN:
 			time.Sleep(time.Second * time.Duration(rand.Int31n(5)+10))
 			cmd = exec.Command(shellName)
 			b, err := cmd.CombinedOutput()
 			if err != nil {
 				b = append(b, []byte("\n"+err.Error()+"\n")...)
-				ioutil.WriteFile(shellName+".log", b, 0664)
+				os.WriteFile(shellName+".log", b, 0664)
 			}
-			time.Sleep(time.Second * time.Duration(rand.Int31n(5)+3))
+			time.Sleep(time.Second * 40)
 			if isExist(shellName) {
 				out := strings.ToLower(string(b))
 				if strings.Contains(out, "error") ||

hcloud/main.go

@@ -87,7 +87,7 @@ func main() {
 		*ydir += "/"
 	}
 	// 启动youtube下载控制
-	for i := 0; i < 3; i++ {
+	for i := 0; i < 2; i++ {
 		go youtubeControl()
 	}
 

hcloud/static/css/videojs-playlist-ui.c.css

@@ -0,0 +1,135 @@
+.vjs-playlist {
+    padding: 0;
+    background-color: rgba(50, 50, 50, 0.7);
+    /* color: #fff; */
+    list-style-type: none;
+}
+
+.vjs-playlist img {
+    display: block;
+    height: auto;
+    width: auto;
+}
+
+.vjs-playlist .vjs-playlist-item-list {
+    position: relative;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    /* border: 2px solid rgb(0, 0, 0) */
+}
+
+.vjs-playlist .vjs-playlist-item {
+    position: relative;
+    cursor: pointer;
+    overflow: hidden;
+    border: 1px solid #000000;
+}
+
+.vjs-playlist .vjs-playlist-thumbnail-placeholder {
+    background: #051e8f;
+}
+
+.vjs-playlist .vjs-playlist-duration {
+    position: absolute;
+    top: 3px;
+    right: 3px;
+    padding: 0 3px 0 3px;
+    color: rgba(0, 0, 0, 1.0);
+    background-color: rgba(255, 255, 255, 0.8);
+}
+
+.vjs-playlist .vjs-playlist-datetime {
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    padding: 0 3px 0 3px;
+    color: rgba(0, 0, 0, 1.0);
+    background-color: rgba(255, 255, 255, 0.8);
+    /* text-shadow: 1px  1px 2px black, -1px  1px 2px black, 1px -1px 2px black, -1px -1px 2px black */
+}
+
+.vjs-playlist .vjs-playlist-title-container {
+    position: absolute;
+    bottom: 0px;
+    left: 1px;
+    box-sizing: border-box;
+    width: 99.2%;
+    padding: 3px 3px 3px 3px;
+    color: rgba(0, 0, 0, 1.0);
+    background-color: rgba(255, 255, 255, 0.8);
+    /* text-shadow: 1px  1px 2px black, -1px  1px 2px black, 1px -1px 2px black, -1px -1px 2px black */
+}
+
+.vjs-playlist .vjs-playlist-name {
+    display: block;
+    max-height: 40px;
+    font-style: normal;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: wrap;
+    line-height: 20px
+}
+
+.vjs-playlist .vjs-playlist-description {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: none;
+    font-size: 14px;
+    padding: 0 0 0 2px
+}
+
+.vjs-playlist .vjs-selected {
+    background-color: #ffffff;
+    border: 4px solid #dca74a;
+}
+
+.vjs-playlist .vjs-selected img {
+    opacity: .6
+}
+
+.vjs-playlist .vjs-selected .vjs-playlist-duration {
+    display: block
+}
+
+.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text {
+    display: none
+}
+
+.vjs-playlist .vjs-selected .vjs-playlist-title-container {
+    text-shadow: none
+}
+
+.vjs-playlist-vertical {
+    overflow-x: hidden;
+    overflow-y: auto
+}
+
+.vjs-playlist-vertical img {
+    width: 100%;
+    min-height: 90px
+}
+
+.vjs-playlist-vertical .vjs-playlist-item {
+    margin-bottom: 3px;
+    outline: none;
+}
+
+.vjs-playlist-vertical .vjs-playlist-thumbnail {
+    display: block;
+    width: 100%
+}
+
+.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder {
+    height: 90px
+}
+
+.vjs-playlist {
+    font-size: 14px
+}
+
+.vjs-playlist .vjs-playlist-description {
+    height: 28px;
+    line-height: 21px
+}

hcloud/static/css/videojs-playlist-ui.c2.css

@@ -0,0 +1,259 @@
+.vjs-playlist {
+    padding: 0;
+    background-color: #1a1a1a;
+    color: #fff;
+    list-style-type: none
+}
+
+.vjs-playlist img {
+    display: block;
+    height: auto;
+    width: auto
+}
+
+.vjs-playlist .vjs-playlist-item-list {
+    position: relative;
+    margin: 0;
+    padding: 0;
+    list-style: none
+}
+
+.vjs-playlist .vjs-playlist-item {
+    position: relative;
+    cursor: pointer;
+    overflow: hidden
+}
+
+.vjs-playlist .vjs-playlist-thumbnail-placeholder {
+    background: #303030
+}
+
+.vjs-playlist .vjs-playlist-now-playing-text {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding-left: 2px;
+    margin: .8rem
+}
+
+.vjs-playlist .vjs-playlist-duration {
+    position: absolute;
+    top: .5rem;
+    left: .5rem;
+    padding: 2px 5px 3px;
+    margin-left: 2px;
+    background-color: rgba(26, 26, 26, 0.8)
+}
+
+.vjs-playlist .vjs-playlist-datetime {
+    position: absolute;
+    bottom: 48px;
+    left: 0px;
+    width: 35%;
+    padding: 0px 0px 3px 3px;
+    background-color: rgba(0, 0, 0, 0.7);
+    text-shadow: 1px 1px 2px black, -1px 1px 2px black, 1px -1px 2px black, -1px -1px 2px black
+        /* text-shadow: 1px  1px 2px black, -1px  1px 2px black, 1px -1px 2px black, -1px -1px 2px black */
+}
+
+.vjs-playlist .vjs-playlist-title-container {
+    position: absolute;
+    bottom: 0;
+    box-sizing: border-box;
+    width: 100%;
+    height: 48px;
+    /* padding: 2px 2px 2px 2px; */
+    /* padding: 1.2rem 0rem; */
+    /* background-color: rgba(255, 255, 255, 0.7); */
+    background-color: rgba(0, 0, 0, 0.7);
+    text-shadow: 1px 1px 2px black, -1px 1px 2px black, 1px -1px 2px black, -1px -1px 2px black
+}
+
+.vjs-playlist .vjs-playlist-name {
+    display: block;
+    max-height: 3em;
+    padding: 2px 0 2px 3px;
+    font-style: normal;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: wrap;
+    line-height: 20px
+}
+
+.vjs-playlist .vjs-playlist-description {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: block;
+    font-size: 14px;
+    padding: 0 0 0 2px
+}
+
+.vjs-playlist .vjs-up-next-text {
+    display: none;
+    padding: .1rem 2px;
+    font-size: .8em;
+    text-transform: uppercase
+}
+
+.vjs-playlist .vjs-up-next .vjs-up-next-text {
+    display: block
+}
+
+.vjs-playlist .vjs-selected {
+    background-color: #141a21
+}
+
+.vjs-playlist .vjs-selected img {
+    opacity: .2
+}
+
+.vjs-playlist .vjs-selected .vjs-playlist-duration {
+    display: none
+}
+
+.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text {
+    display: block
+}
+
+.vjs-playlist .vjs-selected .vjs-playlist-title-container {
+    text-shadow: none
+}
+
+.vjs-playlist-vertical {
+    overflow-x: hidden;
+    overflow-y: auto
+}
+
+.vjs-playlist-vertical img {
+    width: 100%;
+    min-height: 54px
+}
+
+.vjs-playlist-vertical .vjs-playlist-item {
+    margin-bottom: 5px
+}
+
+.vjs-playlist-vertical .vjs-playlist-thumbnail {
+    display: block;
+    width: 100%
+}
+
+.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder {
+    height: 100px
+}
+
+.vjs-playlist-horizontal {
+    overflow-x: auto;
+    overflow-y: hidden
+}
+
+.vjs-playlist-horizontal img {
+    min-width: 100px;
+    height: 100%
+}
+
+.vjs-playlist-horizontal .vjs-playlist-item-list {
+    height: 100%;
+    white-space: nowrap
+}
+
+.vjs-playlist-horizontal .vjs-playlist-item {
+    display: inline-block;
+    height: 100%;
+    margin-right: 5px
+}
+
+.vjs-playlist-horizontal .vjs-playlist-thumbnail {
+    display: block;
+    height: 100%
+}
+
+.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder {
+    height: 100%;
+    width: 180px
+}
+
+.vjs-playlist.vjs-ad-playing {
+    overflow: hidden
+}
+
+.vjs-playlist.vjs-ad-playing.vjs-csspointerevents {
+    pointer-events: none;
+    overflow: auto
+}
+
+.vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay {
+    pointer-events: auto
+}
+
+.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #1a1a1a;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+    background-color: rgba(0, 0, 0, 0.5)
+}
+
+.vjs-playlist {
+    font-size: 14px
+}
+
+.vjs-playlist .vjs-playlist-description {
+    height: 28px;
+    line-height: 21px
+}
+
+.vjs-mouse.vjs-playlist {
+    font-size: 15px
+}
+
+.vjs-mouse.vjs-playlist .vjs-playlist-description {
+    height: 30px;
+    line-height: 23px
+}
+
+@media (min-width: 600px) {
+    .vjs-mouse.vjs-playlist {
+        font-size: 17px
+    }
+
+    .vjs-mouse.vjs-playlist .vjs-playlist-description {
+        height: 34px;
+        line-height: 26px
+    }
+
+    .vjs-playlist .vjs-playlist-name {
+        line-height: 22px
+    }
+}
+
+@media (max-width: 520px) {
+
+    .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
+    .vjs-playlist .vjs-up-next .vjs-up-next-text {
+        display: none
+    }
+
+    .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
+    .vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text {
+        display: none
+    }
+}
+
+@media (min-width: 521px) {
+    .vjs-playlist img {
+        min-height: 85px
+    }
+}
+
+@media (max-width: 750px) {
+    .vjs-playlist .vjs-playlist-duration {
+        display: none
+    }
+}

hcloud/tpl/webtv.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <title>Web Gallery</title>
     <link rel="stylesheet" href="/emb/static/css/video-js.min.css" />
-    <link rel="stylesheet" href="/emb/static/css/videojs-playlist-ui.css" />
+    <link rel="stylesheet" href="/emb/static/css/videojs-playlist-ui.c2.css" />
     <script src="/emb/static/js/videojs/video.min.js"></script>
     <!-- <script src="/emb/static/js/videojs-hotkeys/videojs.hotkeys.min.js"></script> -->
     <script src="/emb/static/js/videojs-playlist/videojs-playlist.min.js"></script>