Add: audio player(chrome default)

app/css/tl.css

@@ -594,6 +594,9 @@ p:not(:last-child) {
   width: 100%;
   height: 100%;
 }
+audio{
+  height: 2rem;
+}
 @keyframes jump {
   0% {
     transform: translateY(0);

app/js/tl/misskeyparse.js

@@ -497,6 +497,12 @@ function misskeyParse(obj, mix, acct_id, tlid, popup, mutefilter) {
 						'" data-type="video" class="img-parsed"><video src="' +
 						purl + '" class="' + sense +
 						' toot-img pointer" style="max-width:100%;"></a></span>';
+				} else if (media.type.indexOf("audio") !== -1) {
+					viewer = viewer + '<a onclick="imgv(\'' + id + '\',\'' + key2 + '\',' +
+						acct_id + ')" id="' + id + '-image-' + key2 + '" data-url="' + url +
+						'" data-type="video" class="img-parsed"><audio src="' +
+						purl + '" class="' + sense +
+						' toot-img pointer" style="width:100%;" controls></a></span>';
 				} else {
 					viewer = viewer + '<a onclick="imgv(\'' + id + '\',\'' + key2 + '\',' +
 						acct_id + ')" id="' + id + '-image-' + key2 + '" data-url="' + url +

app/js/tl/parse.js

@@ -608,6 +608,11 @@ function parse(obj, mix, acct_id, tlid, popup, mutefilter, type) {
 				} else {
 					if (media.type == "unknown") {
 						viewer = viewer + '<a href="' + media.remote_url + '" title="' + media.remote_url + '">[' + lang.lang_parse_unknown + ']</a> '
+					} else if (media.type == "audio") {
+						viewer = viewer + '<a onclick="imgv(\'' + id + '\',\'' + key2 + '\',' +
+							acct_id + ')" id="' + id + '-image-' + key2 + '" data-url="' + url +
+							'" data-type="audio" class="img-parsed"><audio src="' +
+							url + '" class="pointer" style="width:100%;" controls></a></span>';
 					} else {
 						viewer = viewer + '<a onclick="imgv(\'' + id + '\',\'' + key2 + '\',\'' +
 							acct_id + '\')" id="' + id + '-image-' + key2 + '" data-url="' + url +

app/view/en/index.html

@@ -37,7 +37,7 @@
 	<script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 	<script type="text/javascript" src="../../node_modules/sweetalert2/dist/sweetalert2.all.min.js"></script>
 	<script>
-		var ver = "Usamin (18.6.1)";
+		var ver = "Usamin (18.6.2)";
 		//betaを入れるとバージョンチェックしない
 		//GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 		//var ver="beta";
@@ -677,11 +677,16 @@
 			<a href="https://thedesk.top" target="_blank">HP</a><br>
 			<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 			<br>
-			<div id="release-Usamin_18-6-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-6-2" class="release-do" style="display:none; ">
 				<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 				<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 				Pixiv Fanboxでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。最低月一更新。<br>
 				困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
+				<h5>Release Note Usamin (18.6.2)</h5>
+				・Mastodon/Misskeyの音声ファイル添付に対応<br>
+				・TLを下に読めない不具合の修正<br>
+				・アップデータに関するバグの修正<br>
+				・削除して再投稿をするとき、文字入力ができなくなる不具合の修正<br>
 				<h5>Release Note Usamin (18.6.1)</h5>
 				・リプライができない不具合を修正<br>
 				・ワードフィルター/強調の適用がおかしい不具合<br>
@@ -690,8 +695,6 @@
 				・アカウント選択のデザイン修正。クリック直後に閉じてしまうバグを修正。<br>
 				・投票済みのアンケートについて修正。<br>
 				・<b>セキュリティの大幅な強化。</b><br>
-				・ご注意<img class="emoji" draggable="false" alt="⚠️" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">:
-				TweetDeck統合は設定で有効にしないと使えなくなりました。<br>
 				・Adobeフォトエディタの廃止
 				<br>
 				<h5>ThinkingDeskラベル</h5>

app/view/ja/index.html

@@ -37,7 +37,7 @@
 	<script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 	<script type="text/javascript" src="../../node_modules/sweetalert2/dist/sweetalert2.all.min.js"></script>
 	<script>
-		var ver = "Usamin (18.6.1)";
+		var ver = "Usamin (18.6.2)";
 		//betaを入れるとバージョンチェックしない
 		//GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 		//var ver="beta";
@@ -677,11 +677,16 @@
 			<a href="https://thedesk.top" target="_blank">HP</a><br>
 			<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 			<br>
-			<div id="release-Usamin_18-6-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-6-2" class="release-do" style="display:none; ">
 				<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 				<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 				Pixiv Fanboxでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。最低月一更新。<br>
 				困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
+				<h5>Release Note Usamin (18.6.2)</h5>
+				・Mastodon/Misskeyの音声ファイル添付に対応<br>
+				・TLを下に読めない不具合の修正<br>
+				・アップデータに関するバグの修正<br>
+				・削除して再投稿をするとき、文字入力ができなくなる不具合の修正<br>
 				<h5>Release Note Usamin (18.6.1)</h5>
 				・リプライができない不具合を修正<br>
 				・ワードフィルター/強調の適用がおかしい不具合<br>
@@ -690,8 +695,6 @@
 				・アカウント選択のデザイン修正。クリック直後に閉じてしまうバグを修正。<br>
 				・投票済みのアンケートについて修正。<br>
 				・<b>セキュリティの大幅な強化。</b><br>
-				・ご注意<img class="emoji" draggable="false" alt="⚠️" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">:
-				TweetDeck統合は設定で有効にしないと使えなくなりました。<br>
 				・Adobeフォトエディタの廃止
 				<br>
 				<h5>ThinkingDeskラベル</h5>

app/view/make/index.sample.html

@@ -683,6 +683,7 @@
 				Pixiv Fanboxでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。最低月一更新。<br>
 				困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
 				<h5>Release Note Usamin (18.6.2)</h5>
+				・Mastodon/Misskeyの音声ファイル添付に対応<br>
 				・TLを下に読めない不具合の修正<br>
 				・アップデータに関するバグの修正<br>
 				・削除して再投稿をするとき、文字入力ができなくなる不具合の修正<br>
@@ -694,8 +695,6 @@
 				・アカウント選択のデザイン修正。クリック直後に閉じてしまうバグを修正。<br>
 				・投票済みのアンケートについて修正。<br>
 				・<b>セキュリティの大幅な強化。</b><br>
-				・ご注意<img class="emoji" draggable="false" alt="⚠️" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">:
-				TweetDeck統合は設定で有効にしないと使えなくなりました。<br>
 				・Adobeフォトエディタの廃止
 				<br>
 				<h5>ThinkingDeskラベル</h5>

app/view/ps/index.html

@@ -37,7 +37,7 @@
 	<script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 	<script type="text/javascript" src="../../node_modules/sweetalert2/dist/sweetalert2.all.min.js"></script>
 	<script>
-		var ver = "Usamin (18.6.1)";
+		var ver = "Usamin (18.6.2)";
 		//betaを入れるとバージョンチェックしない
 		//GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 		//var ver="beta";
@@ -677,11 +677,16 @@
 			<a href="https://thedesk.top" target="_blank">HP</a><br>
 			<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 			<br>
-			<div id="release-Usamin_18-6-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-6-2" class="release-do" style="display:none; ">
 				<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 				<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 				Pixiv Fanboxでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。最低月一更新。<br>
 				困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
+				<h5>Release Note Usamin (18.6.2)</h5>
+				・Mastodon/Misskeyの音声ファイル添付に対応<br>
+				・TLを下に読めない不具合の修正<br>
+				・アップデータに関するバグの修正<br>
+				・削除して再投稿をするとき、文字入力ができなくなる不具合の修正<br>
 				<h5>Release Note Usamin (18.6.1)</h5>
 				・リプライができない不具合を修正<br>
 				・ワードフィルター/強調の適用がおかしい不具合<br>
@@ -690,8 +695,6 @@
 				・アカウント選択のデザイン修正。クリック直後に閉じてしまうバグを修正。<br>
 				・投票済みのアンケートについて修正。<br>
 				・<b>セキュリティの大幅な強化。</b><br>
-				・ご注意<img class="emoji" draggable="false" alt="⚠️" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">:
-				TweetDeck統合は設定で有効にしないと使えなくなりました。<br>
 				・Adobeフォトエディタの廃止
 				<br>
 				<h5>ThinkingDeskラベル</h5>