update index

templates/index.html

@@ -19,13 +19,13 @@
 			</div>
 			<div>
 				<label>返回speakers(json)：</label>
-				<a href="https://artrajz-vits-simple-api.hf.space/voice/speakers" target="_blank" style="text-decoration: none; color: black">
+				<a id="speakersLink" href="https://artrajz-vits-simple-api.hf.space/voice/speakers" target="_blank" style="text-decoration: none; color: black">
 					https://artrajz-vits-simple-api.hf.space/voice/speakers
 				</a>
 			</div>
 			<div>
 				<label>简单调用api：</label>
-				<a id="dynamicLink" href="https://artrajz-vits-simple-api.hf.space/voice/vits?text=你好,こんにちは&id=164" style="text-decoration: none; color: black">
+				<a id="vitsLink" href="https://artrajz-vits-simple-api.hf.space/voice/vits?text=你好,こんにちは&id=164" style="text-decoration: none; color: black">
 					https://artrajz-vits-simple-api.hf.space/voice/vits?text=你好,こんにちは&id=164
 				</a>
 			</div>
@@ -148,6 +148,36 @@
 		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
 
 		<script>
+			function getProtocol(){
+				return 'https:' == location.protocol ? "https://": "http://";
+			}
+
+			function getUrl(){
+				var url = window.location.host;
+				return url;
+			}
+
+			var baseUrl = getProtocol() + getUrl();
+			
+			setBaseUrl();
+
+			function setBaseUrl(){
+				var text = document.getElementById("inputText").value;
+				var id = document.getElementById("inputId").value;
+
+				var vitsLink = document.getElementById("vitsLink");
+				var speakersLink = document.getElementById("speakersLink");
+
+				var vitsUrl = baseUrl + "/voice/vits?text=" + text + "&id=" + id;
+				var speakersUrl = baseUrl + "/voice/speakers";
+
+				vitsLink.href = vitsUrl;
+				vitsLink.textContent = vitsUrl;
+
+				speakersLink.href = speakersUrl;
+				speakersLink.textContent = speakersUrl;
+			}
+
 			function getLink() {
 				var text = document.getElementById("inputText").value;
 				var id = document.getElementById("inputId").value;
@@ -158,7 +188,7 @@
 				var noisew = document.getElementById("inputNoisew").value;
 				var max = document.getElementById("inputMax").value;
 
-				var url = "https://artrajz-vits-simple-api.hf.space/voice/vits?text=" + text + "&id=" + id;
+				var url = baseUrl + "/voice/vits?text=" + text + "&id=" + id;
 				if (format != "") {
 					url += "&format=" + format;
 				}
@@ -182,7 +212,7 @@
 
 			function updateLink() {
 				var url = getLink();
-				var link = document.getElementById("dynamicLink");
+				var link = document.getElementById("vitsLink");
 				link.href = url;
 				link.textContent = url;
 			}