|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
<?php
add_action('widgets_init', 'widgetaplayerInit');
function widgetaplayerInit() {
????register_widget('widgetaplayer');
}
class widgetaplayer extends WP_Widget {
????/**
???? * widgetProfile setup
???? */
????function widgetaplayer() {
????????$widget_ops = array('classname' => 'widget-aplayer', 'description' => '添加Aplayer播放器');
????????// init widgetProfile
????????parent::__construct('widget-aplayer', "Aplayer播放器", $widget_ops);
????}
????/**
???? * How to display the widgetProfile on the screen.
???? */
????function widget( $args, $instance ) {
????????extract( $args );
????????/* Our variables from the widget settings. *企業網站建設/
????????$title = apply_filters('widget_name', $instance['title'] );
????????$type = $instance['type'];
????????$gs = $instance['gs'];
????????$auto = $instance['auto'];
????????$auto = $instance['auto'];
????????$url = $instance['url'];
????????$pic = $instance['pic'];
????????$word = $instance['word'];
????????echo $before_widget;
????????echo $this->showWidget($title,$type,$gs, $auto, $url, $pic,$word);
????????echo $after_widget;
????}
????/**
???? * Update the widget settings.
???? */
????function update( $new_instance, $old_instance ) {
????????$instance = $old_instance;
????????/* Strip tags for title and name to remove HTML (important for text inputs). */
????????$instance['title'] = strip_tags( $new_instance['title'] );
????????$instance['type'] = strip_tags( $new_instance['type'] );
????????$instance['gs'] = strip_tags( $new_instance['gs'] );
????????$instance['auto'] = strip_tags( $new_instance['auto'] );
????????$instance['url'] = strip_tags( $new_instance['url'] );
????????$instance['pic'] = strip_tags( $new_instance['pic'] );
????????$instance['word'] = strip_tags( $new_instance['word'] );
????????return $instance;
????}
????/**
???? * Displays the widget settings controls on the widget panel.
???? * Make use of the get_field_id() and get_field_name() function
???? * when creating your form elements. This handles the confusing stuff.
???? */
????function form( $instance ) {
????????/* Set up some default widget settings. */
????????$defaults = array(
????????????'title' => '',
????????????'type' => 'true',
????????????'gs' => 'true',
????????????'auto'??=> '',
????????????'url'?? => '',
????????????'pic'?? => '',
????????????'word'??=> ''
????????);
????????$instance = wp_parse_args( (array) $instance, $defaults ); ?>
????????<!-- widget title: -->
????????<p>
????????????<label for="<?php echo $this->get_field_id( 'title' ); ?>">顯示標題</label>
????????????<input type="text" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>" style="width:100%;" />
????????</p>
????????<p>
????????????<label for="<?php echo $this->get_field_id( 'type' ); ?>">自動播放</label>
????????????<select id="<?php echo $this->get_field_id( 'type' ); ?>" name="<?php echo $this->get_field_name( 'type' ); ?>" class="widefat" style="width:100%;">
????????????????<option value="true" <?php if ( 'true' == $instance['type'] ) echo 'selected="selected"'; ?>>開啟</option>
????????????????<option value="false" <?php if ( 'false' == $instance['type'] ) echo 'selected="selected"'; ?>>關閉</option>
????????????</select>
????????</p>
????????<p>
????????????<label for="<?php echo $this->get_field_id( 'gs' );?>">開啟歌詞</label>
????????????<select id="<?php echo $this->get_field_id( 'gs' ); ?>" name="<?php echo $this->get_field_name( 'gs' ); ?>" class="widefat" style="width:100%;">
????????????????<option value="true" <?php if ( 'true' == $instance['gs'] ) echo 'selected="selected"'; ?>>開啟</option>
????????????????<option value="false" <?php if ( 'false' == $instance['gs'] ) echo 'selected="selected"'; ?>>關閉</option>
????????????</select>
????????</p>
????????<p>
????????????<label for="<?php echo $this->get_field_id( 'auto' ); ?>">歌唱者</label>
????????????<input type="text" id="<?php echo $this->get_field_id( 'auto' ); ?>" name="<?php echo $this->get_field_name( 'auto' ); ?>" value="<?php echo $instance['auto']; ?>" style="width:100%;" />
????????</p>
????????<p>
????????????<label for="<?php echo $this->get_field_id( 'url' ); ?>">歌曲URL</label>
????????????<input type="text" id="<?php echo $this->get_field_id( 'url' ); ?>" name="<?php echo $this->get_field_name( 'url' ); ?>" value="<?php echo $instance['url']; ?>" style="width:100%;" />
????????</p>
????????<p>
????????????<label for="<?php echo $this->get_field_id( 'pic' ); ?>">歌曲封面</label>
????????????<input type="text" id="<?php echo $this->get_field_id( 'pic' ); ?>" name="<?php echo $this->get_field_name( 'pic' ); ?>" value="<?php echo $instance['pic']; ?>" style="width:100%;" />
????????</p>
????????<p>
????????????<label for="<?php echo $this->get_field_id( 'word' ); ?>">歌詞</label>
????????????<input type="text" id="<?php echo $this->get_field_id( 'word' ); ?>" name="<?php echo $this->get_field_name( 'word' ); ?>" style="width:100%;" value="<?php echo $instance['word']; ?>" />
????????</p>
????????<?php
????}
????function showWidget($title,$type,$gs, $auto, $url, $pic, $word) {
?????????>
????<link href="<?php echo get_template_directory_uri().'/aplayer/APlayer.min.css'?>" rel="stylesheet">
????<script src="<?php echo get_template_directory_uri().'/aplayer/APlayer.min.js'?>"></script>
????<div class="widget-title"><?php echo $title ?></div>
????????<div網站推廣優化seo id="player1">
????????????<pre class="aplayer-lrc-content">
????????????????<?php echo $word ?>
????????????</pre>
????????</div>
????<script>
????????var ap = new APlayer
????????????????({
????????????????????element: document.getElementById('player1'),
????????????????????narrow: false,
????????????????????autoplay: <?php echo $type ?>,
????????????????????showlrc: <?php echo $gs ?>,
????????????????????mu建設網站sic: {
????????????????????????????title: '<?php echo $title ?>',
????????????????????????????author: '<?php echo $auto ?>',
????????????????????????????url: '<?php echo $url ?>',
????????????????????????????pic: '<?php echo $pic ?>'
????????????????????????????}
????????????????});
????????ap.init();
????</script>
????<?php }
}?>
關鍵詞標簽: 小工具 widget 音樂播放器
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-05-28 ，文章制作widget小工具| 整合Aplayer.js音樂播放器到小工主要講述widget,小工具,音樂播放器網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_11592.html
為你推薦與制作widget小工具| 整合Aplayer.js音樂播放器到小工相關的文章
 網站建設技術SEOUC.COM
專注網站建設,SEO優化,小程序設計制作搭建開發定制網站等,數千家網站定制開發案例,網站推廣技術服務。
5000+合作客服
8年從業經驗
150+覆蓋行業
主站蜘蛛池模板：
荃湾区|
漠河县|
如东县|
邵东县|
平阴县|
平湖市|
宜春市|
松阳县|
五大连池市|
六安市|
乾安县|
崇文区|
莱西市|
山丹县|
沭阳县|
宽甸|
云浮市|
运城市|
衡阳县|
泸溪县|
永靖县|
北川|
阜阳市|
鞍山市|
临颍县|
揭阳市|
黔西|
山东|
武乡县|
尚志市|
太仓市|
扎赉特旗|
遂川县|
根河市|
四子王旗|
晴隆县|
即墨市|
和政县|
永泰县|
正宁县|
肥西县|
|
